text-decoration-color …… テキスト傍線の色を指定する





広告
text-decoration-colorプロパティは、
text-decoration-lineプロパティでテキストにつけた傍線の色を指定する際に使用します。
text-decoration-colorプロパティで要素に線色を指定した場合、その子孫ボックスに異なる色が指定されていたとしても、テキストにつけられる傍線の色は同じとなります。
■値
- 色
-
#000000(完全な黒)~#ffffff(完全な白)、
カラーネーム、
RGB
などで色を指定
■初期値・適用対象・値の継承
- 初期値
- 現在の色
- 適用対象
- すべての要素
- 値の継承
- しない
■使用例
CSSソースは外部ファイル(sample.css)に記述
p.sample { text-decoration-line: underline; text-decoration-color: red; color:green; } p.sample span{ text-decoration-line: overline; text-decoration-color: blue; }
HTMLソース
<p class="sample"> ららららら<span>りりりりり</span>るるるるる </p>
↓↓↓
ブラウザ上の表示
らららららりりりりりるるるるる
広告