<ins>
插入 ( 底線 ) 文字元素可以在不套用 CSS 樣式的狀態下,將 HTML 的文字加上底線,標示該文字為「插入」的用途 ( inserted text ),這篇教學會介紹 <ins>
插入文字元素。
原文參考:插入 ( 底線 ) 文字
<ins>
<ins>
HTML 的插入文字元素是由 <ins>
標籤所構成的元素,包裹在這個標籤內的文字,都會自動加上底線。
<ins>
屬於「容器元素」,需要有「起始標籤」以及「結束標籤」,也因為是容器元素,裡頭可以放入其他的子元素。<ins>
的顯示類型為「inline 行內元素」,預設不會自動換行。
例如下方的 HTML 開啟後,會以 <ins>
將部分的文字加上底線。
<p>
<ins>床前明月光</ins>,疑是地上霜,舉頭望明月,低頭思故鄉。
</p>
<p>
<ins>春眠不覺曉,處處聞啼鳥</ins>,夜來風雨聲,花落知多少。
</p>
<p>
<ins>千山鳥飛絕,萬徑人蹤滅,孤舟蓑笠翁</ins>,獨釣寒江雪。
</p>
<ins>
支援屬性<ins>
支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」),例如下方的 HTML,會分別將三個 <ins>
加入 style 屬性,讓底線文字呈現不同顏色。
<p>
<ins style="color:#f00;">床前明月光</ins>,疑是地上霜,舉頭望明月,低頭思故鄉。
</p>
<p>
<ins style="color:#f90;">春眠不覺曉,處處聞啼鳥</ins>,夜來風雨聲,花落知多少。
</p>
<p>
<ins style="color:#00f;">千山鳥飛絕,萬徑人蹤滅,孤舟蓑笠翁</ins>,獨釣寒江雪。
</p>
<ins>
預設樣式下方是 <ins>
的預設樣式:
ins {
text-decoration: underline;
}
大家好,我是 OXXO,是個即將邁入中年的斜槓青年,我有個超過一千篇教學的 STEAM 教育學習網,有興趣可以參考下方連結呦~ ^_^