タイポグラフィ（デザイン）
text-decoration-color
傍線の色を指定する
| value | description | |
|---|---|---|
hotpink | 色名による指定 | Tokyo Olympics |
rgb(56, 189, 248) | rgb による指定 | Tokyo Olympics |
Demo
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>
.style-1 {
text-decoration-color: hotpink;
}
.style-2 {
text-decoration-color: rgb(56, 189, 248);
}
.line {
text-decoration-line: underline;
}
概要
傍線の色を指定することができます。色の指定方法は色の指定方法を参照してください。
通常はtext-decorationプロパティで、傍線に関する値をまとめて設定することが多いです。
関連
参照
- 参照