| 属性名 | text-decoration-style |
|---|---|
| 値 | solid | double | dotted | dashed | wavy |
| 初期値 | solid |
| 適用可能要素 | すべての要素 |
| 継承 | なし |
| サポート | https://caniuse.com/mdn-css_properties_text-decoration-style |
テキストの装飾線 (上線、下線、打消し線) の線種を指定します。text-decoration で他の属性とまとめて指定することもできます。
| 値 | 説明 |
|---|---|
| solid | 直線をひきます。 |
| double | 二重線をひきます。 |
| dotted | 点線をひきます。 |
| dashed | ダッシュ線をひきます。 |
| wavy | 波線をひきます。 |
.td {
text-decoration-line: underline;
}
.solid {
text-decoration-style: solid;
}
.double {
text-decoration-style: double;
}
.dotted {
text-decoration-style: dotted;
}
.dashed {
text-decoration-style: dashed;
}
.wavy {
text-decoration-style: wavy;
}
<span class="td solid">直線</span> <span class="td double">二重線</span> <span class="td dotted">点線</span> <span class="td dashed">ダッシュ線</span> <span class="td wavy">波線</span>