text-decoration

解説

テキストに下線・上線・打ち消し線を付けたり、点滅させたりします。同時に複数の値を指定する場合は、値を任意の順でスペースで区切りって記述して下さい。

none	キストに線は付かず、点滅もしない（初期値）
underline	キストに下線
overline	キストに上線
line-through	キストに打ち消し線
blink	キストが点滅（NN）

プロパティ情報

値：	`none`または`underline`,`overline`,`line-through`,`blink`の中から任意の順番で好きなだけ指定
初期値：	none
適用対象：	全ての要素
継承：	しない
パーセンテージ：	不可
適用メディア：	視覚
レベル：	1～2

参照

text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

div.sample1 {text-decoration: none;}
div.sample2 {text-decoration: underline;}
div.sample3 {text-decoration: overline;}
div.sample4 {text-decoration: line-through;}
div.sample5 {text-decoration: blink;}
div.sample6 {text-decoration: underline overline line-through;}

HTMLの記述方法

<div class="sample1"><p>Sample Text</p></div>
<div class="sample2"><p>Sample Text</p></div>
<div class="sample3"><p>Sample Text</p></div>
<div class="sample4"><p>Sample Text</p></div>
<div class="sample5"><p>Sample Text</p></div>
<div class="sample6"><p>Sample Text</p></div>

表示結果

Sample Text