| 属性名 | text-decoration |
|---|---|
| 値 | <line> || <style> || <color> || blink |
| 値の詳細 |
<line> = none || [ underline || overline || line-through ]
<style> = solid | double | dotted | dashed | wavy
|
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| メディア | Visual / Text |
| サポート | C1 / e3 / N4 / Fx1 / Ch1 / Op3.5 / Sa1 |
下線など、テキストの修飾を指定します。
| 値 | 説明 |
|---|---|
| none | 下線などを表示しません。(C1/e3/N4/Fx1/Ch1/Op3.5/Sa1) |
| underline | 下線を表示します。(C1/e3/N4/Fx1/Ch1/Op3.5/Sa1) |
| overline | 上線を表示します。(C1/e3/N4/Fx1/Ch1/Op3.5/Sa1) |
| line-through | 打ち消し線を表示します。(C1/e3/N4/Fx1/Ch1/Op3.5/Sa1) |
| solid | 実線。(C3) |
| double | 二重線。(C3) |
| dotted | 点線。(C3) |
| dashed | 破線。(C3) |
| wavy | 波線。(C3) |
| <color> | 線の色を指定します。(C3) |
| blink | テキストをブリンクさせます。(C2/Fx/Op) |
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>