構文

text-decoration : 装飾;

説明文

　「text-decoration」では，要素の文字列に下線や取り消し線などの装飾を加えることができる。以下の値を指定することで装飾を加えられる。

装飾名意味
none装飾を行わない
underline下線を引く
overline上線を引く
line-through取消線を引く
blink文字列を点滅させる

　1つの要素に複数の装飾を施すことができる。複数の装飾を指定する場合は，スペースで区切りながら装飾名を列挙すればよい。例えば，文字列に下線を引き，点滅させる場合は以下のように記述する。

span { text-decoration : underline blink; }

使用例

● CSSの定義

span.fix { text-decoration : line-through; }
em.werning { text-decoration : underline; }
strong.imp { text-decoration : blink; }

● HTMLの例

<h2>昨日の案件</h2>
<p>昨日の会議で上がった案件は以下の通りである。<p>
<ul>
    <li>目標来場者数：<span class="fix">2万人</span>5万人</li>
    <li>会場について：○○国際会議場</li>
</ul>
<p>この案件については，<strong class="imp">必ず各部署内の会議中に議題とし
て議論すること</strong>。また，訂正がある場合は<em class="werning">今
週中まで</em>にプロジェクトリーダーに知らせること。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目