WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > text-decoration
text-decoration  文字  リンク 

テキストの下線・上線・打ち消し線・点滅を指定。

このエントリーをはてなブックマークに追加

IE、Chromeなどのブラウザは、blinkには非対応です。


文章に線をいれる事ができます。またリンクの下線を消すのにも利用します。

パラメーター

●none …線なし
●underline …下線
●overline …上線
●line-through …打ち消し線
●blink  …点滅

サンプルコード

<p style="text-decoration: none;">none</p>
<p style="text-decoration: underline;">underline</p>
<p style="text-decoration: overline;">overline</p>
<p style="text-decoration: line-through;">line-through</p>
<p style="text-decoration: underline overline line-through;">underline overline line-through</p>
<p style="text-decoration: blink;">blink</p>

none

underline

overline

line-through

underline overline line-through

blink


リンクの下線

<a href="/">トップページへ</a>
<a href="/" style="text-decoration: none;">トップページへ</a>