text-decoration（文字の装飾）

解説

文字の装飾を指定する属性です。
HTMLのsエレメント、strikeエレメント、uエレメントは廃止予定です。これらは、このtext-decoration属性で指定出来ます。

値	none：文字装飾しない underline：下線（uエレメントと同じ） overline：上線 line-through：取消線（strike、sエレメントと同じ） blink：点滅 none以外、複数指定可
初期値	none
%値の基準
適用	すべてのエレメント
継承	しない

対応状況

underline

overline

line-through

blink

none

使用例

ソース

表示＆操作

スタイル部に、

.underline{text-decoration:underline;}
.overline{text-decoration:overline;}
.line-through{text-decoration:line-through;}
.blink{text-decoration:blink;}
.under-through{text-decoration:underline line-through;}

と記述し、

上線です。

下線です。

取消線です。

NNは点滅。

下線と取消線です。

と表示されます。

body部に、

<div class="overline">上線です。</div>
<div class="underline">下線です。</div>
<div class="line-through">取消線です。</div>
<div class="blink">NNは点滅。</div>
<div class="under-through">下線と取消線です。</div>

と記述すると。

pokochan@mx1.tees.ne.jp