文字を装飾する

text-decorationで文字を装飾することができます。

none(装飾なし)、underline(下線)、overline(上線)、line-through(取消線)、blink(点滅)などが設定できます。

例

<div style="text-decoration:none">noneの設定</div>
<div style="text-decoration:underline">underlineの設定</div>
<div style="text-decoration:overline">overlineの設定</div>
<div style="text-decoration:line-through">line-throughの設定</div>
<div style="text-decoration:blink">blinkの設定</div>

結果

noneの設定

underlineの設定

overlineの設定

line-throughの設定

blinkの設定

まとめ

文字の色はfont-weightで設定する。
none、underline、overline、line-through、blinkが設定できる。

文字を装飾する

例

結果

まとめ

関連リンク