CSS3 – text-decoration

概要

コンテナーのテキストの下線・上線・取り消し線の種類・スタイル・色を指定する。blinkも指定できるが殆どのブラウザーで機能しない。

書式

text-decoration [種類](, [スタイル])(, [色])

text-decoration-line [種類]
text-decoration-style [スタイル]
text-decoration-color [色]

種類

none
テキストに対する線の装飾を無効にする。アンカー要素でデフォルト指定されている下線も表示されなくなる。
underline
下線(テキストの下)
overline
上線(テキストの上)
line-through
取り消し線(テキストの縦中央)

style

solid
実線。
dotted
点線。
dasshed
破線。
double
二重線。
wavy
波線。

動作確認

線の種類

noneを指定

underlineを指定

overlineを指定

line-throughを指定

線のスタイル

underline solidを指定

underline dottedを指定

underline dashedを指定

underline doubleを指定

underline wavyを指定

アンカー要素の下線を消す

通常のアンカー要素

アンカー要素にnoneを指定

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です