属性名 | text-decoration |
---|---|
値 | <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> |
初期値 | 個々のプロパティを参照 |
適用可能要素 | 個々のプロパティを参照 |
継承 | 個々のプロパティを参照 |
サポート | https://caniuse.com/?search=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>