CSS text-decoration-styleプロパティ：text-decoration スタイルの設定

定義と使い方

text-decoration-style プロパティは、テキストに text-decoration-line で指定された線装飾で引かれる線のスタイルを設定します。

このプロパティは、solid、dashed、dotted、double、wavy などのスタイルをサポートしています。

基本例

形式構文

値

text-decoration-style プロパティは、要素に指定されたテキスト装飾線のスタイルを指定します。以下の値は、これらのスタイルがどのように描画されるかを意味します。

text-decoration-styleプロパティの値
`solid`	一般的な実線のスタイルです。
`double`	二重線のスタイルです。
`dotted`	点線のスタイルです。
`dashed`	破線のスタイルです。
`wavy`	波線（ウェーブ）のスタイルです。

構文

CSS

/* キーワード値 */
text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;

/* グローバル値 */
text-decoration-style: inherit;
text-decoration-style: initial;
text-decoration-style: revert;
text-decoration-style: revert-layer;
text-decoration-style: unset;