タイポグラフィ（デザイン）
text-decoration-style
傍線の種類を指定します
| value | description | |
|---|---|---|
solid (default) | 実線 | Tokyo Olympics |
double | 二重線 | Tokyo Olympics |
dotted | 点線 | Tokyo Olympics |
dashed | 破線 | Tokyo Olympics |
wavy | 波線 | Tokyo Olympics |
Demo
The Tokyo Olympics were held in 2021.
The Tokyo Olympics were held in 2021.
The Tokyo Olympics were held in 2021.
The Tokyo Olympics were held in 2021.
The Tokyo Olympics were held in 2021.
<p>The <span class="line style-1">Tokyo Olympics</span> were held in 2021.</p>
<p>The <span class="line style-2">Tokyo Olympics</span> were held in 2021.</p>
<p>The <span class="line style-3">Tokyo Olympics</span> were held in 2021.</p>
<p>The <span class="line style-4">Tokyo Olympics</span> were held in 2021.</p>
<p>The <span class="line style-5">Tokyo Olympics</span> were held in 2021.</p>
.style-1 {
text-decoration-style: solid;
}
.style-2 {
text-decoration-style: double;
}
.style-3 {
text-decoration-style: dotted;
}
.style-4 {
text-decoration-style: dashed;
}
.style-5 {
text-decoration-style: wavy;
}
.line {
text-decoration-line: underline;
text-decoration-color: rgb(56, 189, 248);
}
概要
傍線の種類を指定します。solid（実線）, double（二重線）, dotted点線, dashed破線, wavy（波線）の 5 種類を指定できます。
通常はtext-decorationプロパティで、傍線に関する値をまとめて設定することが多いです。