ホーム >>> HTML整理ノート

color,text-decoration テキストの色と装飾

・color ・・・テキストの色を指定(水平線にも可)
・text-decoration ・・・テキストの装飾を指定
 (設定値)
  none ・・・装飾を無効にする
  underline ・・・下線を付ける
  overline ・・・テキスト上部に線を付ける
  line-through ・・・テキストに打消し線を付ける
  blink ・・・テキストが点滅する(IE、GooglChromeは未対応)

 *none 以外を指定する場合は,複数の値を半角スペースで区切って指定できる。

Sample

下線を付ける

テキスト上部に線を付ける

打ち消し線を付ける

テキストを点滅さす

下線、上部線、打消し線を付ける

(下は水平線にcolorを設定したもの)


Sample Source......................................................................>>>

<p style="color:green;text-decoration:underline">下線を付ける</p>
<p style="color:red;text-decoration:overline">テキスト上部に線を付ける</p>
<p style="color:blue;text-decoration:line-through">打ち消し線を付ける</p>
<p style="color:maroon;text-decoration:blink">テキストを点滅さす</p>
<p style="text-decoration:underline overline line-through">下線、上部線、打消し線を付ける</p>

<hr style="color:purple;height:10px;width:400px">