CSSテキスト - 文字の装飾設定 | text-decoration

2008/05/28 11:37Update
TAGS: CSSテキスト | 文字の装飾 | text-decoration

本文はテキスト関連のCSS属性の text-decoration（文字の装飾：下線・上線・打ち消し線・点滅の設定） について学びたいと思います。


text-decoration属性


CSSのtext-decoration属性は、文字の装飾を設定します。

text-decoration属性の値
◇　none：　デフォルト設定。
◇　underline：　テキストに下線を引きます
◇　overline：　テキストに上線を引きます
◇　line-through：　テキストの中央に打ち消し線を引きます
◇　blink：　テキストを点滅させます。Netscape, Firefox, Operaが対応、IEは未対応。


例：
p.uline {
    text-decoration: underline;
}

#oline {
    text-decoration: overline;
}


text-decoration属性の使用例


◇　text-decoration : normal;

下線を引く



◇　text-decoration: overline;

上線を引く



◇　text-decoration: line-through;

打ち消し線を引く



◇　text-decoration: blink;（IE未対応）

点滅させる



◇　text-decoration: underline overline;

下線と上線を引く



◇　コード：
<p style="text-decoration: underline;color:blue"><span style="color:black;">線の色の設定</span></p>

線の色の設定

有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Sponsored Link


Comments

  • Relative Articles