CSS - text-decoration

• トップ
• CSSリファレンス
• text-decoration

概要

説明

テキストの装飾線(上線、下線、打消し線)を描画します。text-decoration-line, text-decoration-style, text-decoration-color の値をまとめて指定します。

例えば、a要素に none を適用することで下線の無いリンクを表示することができます。

a { text-decoration: none; }

使用例

<div style="text-decoration:none">線無し</div>
<div style="text-decoration:underline">下線</div>
<div style="text-decoration:overline">上線</div>
<div style="text-decoration:line-through">打ち消し線</div>
<div style="text-decoration:underline solid">下線・実線</div>
<div style="text-decoration:underline double">下線・二重線</div>
<div style="text-decoration:underline dotted">下線・点線</div>
<div style="text-decoration:underline dashed">下線・破線</div>
<div style="text-decoration:underline wavy">下線・波線</div>
<div style="text-decoration:underline red">下線・赤</div>
<div style="text-decoration:blink">ブリンク</div>

関連項目

リンク

• https://developer.mozilla.org/ja/docs/Web/CSS/text-decoration
• https://drafts.csswg.org/css-text-decor/#text-decoration-property