カテゴリー
CSS text-decoration

【CSS】text-decoration:テキスト傍線・色・スタイルを指定する

(例)【CSS】text-decoration:テキスト傍線・色・スタイルを指定する

See the Pen
text-decoration
by linlin (@linlin098765)
on CodePen.

<p class="sample1">text-decoration:none</p>
<p class="sample2">text-decoration:underline</p>
<p class="sample3">text-decoration:overline;</p>
<p class="sample4">text-decoration:line-through;</p>
<p class="sample5">text-decoration:blink;</p>
<p class="sample6">text-decoration:underline dotted red;</p>
p.sample1 {text-decoration: none;}
p.sample2 {text-decoration: underline;}
p.sample3 {text-decoration: overline;}
p.sample4 {text-decoration: line-through;}
p.sample5 {text-decoration: blink;}
p.sample6 {text-decoration: underline dotted red;}

【CSS】text-decoration:テキスト傍線・色・スタイルを指定する

 CSSのtext-decorationは、テキストの傍線、色、スタイルをまとめて指定するプロパティです。
 text-decorationプロパティで指定可能なものは、text-decoration-line、text-decoration-style、text-decoration-colorの3つです。複数指定する場合は半角スペースで区切り、指定しないものは初期値となります。