テキストの装飾効果

 text-decorationプロパティを利用すると、下線や打消し線といったテキストの装飾をすることができる。

■装飾のプロパティ値
概要
none 何もしない(デフォルト)
underline 下線
overline 上線
line-through 打ち消し線
blink 点滅

 以下に、テキストに下線を付けて表示する際の例を示す。

●下線を付ける場合の設定例
p.note { text-decoration : underline; }

 ※このほか、text-shadowプロパティによって、テキストに影を付けることも可能。ただし、text-decorationやtext-shadowに対応していないWebブラウザもある。


最終更新:2007年05月29日 16:39