CSS text-decoration-styleプロパティ
CSS リファレンスマニュアル例
異なる種類の下線を表示する：
div.a {
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b {
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c {
text-decoration-line: underline;
text-decoration-style: double;
}
div.d {
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
試してみる »
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
定義と使い方
text-decoration-style プロパティは、線の表示方法を指定します。
| デフォルト値： | solid |
|---|---|
| 継承： | 否 |
| アニメーション可能： | いいえ。参照してください。アニメーション可能（animatable）。 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.textDecorationStyle="wavy" 試してみる |
CSS 構文
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
属性値
| 值 | 説明 | テスト |
|---|---|---|
| solid | デフォルト値。線は単線で表示されます。 | |
| double | 線は二重線で表示されます。 | |
| dotted | 線は点線で表示されます。 | |
| dashed | 線は破線で表示されます。 | |
| wavy | 線は波線で表示されます。 | |
| initial | このプロパティをデフォルト値に設定します。参照してください。initial。 | |
| inherit | 親要素からこのプロパティを継承します。参照してください。inherit。 |
その他の拡張