*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

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

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

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

X B! FB LINE

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>

トップページへ

トップページへ