text-decoration

アンダーラインや取消し線など、テキストの装飾を指定します。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]{ text-decoration : 値; }

▲PageTop

指定できる値

値 初期値 意味
none ○ 何も付加されません。
underline テキストにアンダーラインが付加されます。
overline テキストにオーバーラインが付加されます。
line-through テキストに取消し線が付加されます。
blink テキストを点滅させます。(IE未対応)
inherit 親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        text-decoration : none;
      }
      #sample2 {
        text-decoration : underline;
      }
      #sample3 {
        text-decoration : overline;
      }
      #sample4 {
        text-decoration : line-through;
      }
      #sample5 {
        text-decoration : blink;
      }
    </style>
  </head>
  <body>
    <div id="sample1">text-decoration : noneサンプル</div>
    <br>
    <div id="sample2">text-decoration : ndelineサンプル</div>
    <br>
    <div id="sample3">text-decoration : overlineサンプル</div>
    <br>
    <div id="sample4">text-decoration : line-throughサンプル</div>
    <br>
    <div id="sample5">text-decoration : blinkサンプル</div>
  </body>
</html>

表示結果

text-decoration : noneサンプル

text-decoration : ndelineサンプル

text-decoration : overlineサンプル

text-decoration : line-throughサンプル

text-decoration : blinkサンプル

▲PageTop

関連項目

HTML

<s> / <strike>

▲PageTop

▲