言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

  1. トップページ
  2. CSS辞典
  3. text-decoration

text-decoration

テキストの装飾を指定します。

サンプルコード

p.test { text-decoration: none;}
p.test1 { text-decoration: underline;}
p.test2 { text-decoration: overline;}
p.test3 { text-decoration: line-through;}
p.test4 { text-decoration: blink;}

指定可能な値一覧

概要
noneテキストの装飾をなしとします。この『none』が初期値です。
underlineテキストに下線をつけます。
overlineテキストに上線をつけます。
line-throughテキストに打ち消し線をつけます。
blinkテキストを点滅させます。この『blink』は今現在、CSSの規定で廃止予定となっておりますのでほぼ全ての現行のブラウザで実行できません。ご注意ください。

ブラウザでの表示結果

<p style="text-decoration: none;">ここはp要素です。</p>

<p style="text-decoration: underline;">ここはp要素です。</p>

<p style="text-decoration: overline;">ここはp要素です。</p>

<p style="text-decoration: line-through;">ここはp要素です。</p>

<p style="text-decoration: blink;">ここはp要素です。</p>

対応ブラウザ

Chrome Chrome
1 以降
Firefox Firefox
1 以降
Safari Safari
1 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
3.5 以降
2 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
4.4 以降
3 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

概要

テキストの装飾を指定します。

『blink』という値に関してはCSSの規定で廃止予定となっておりますので現行のほぼ全てのブラウザで実行できません。ご注意ください。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。