属性名 | 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>