Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

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>

対応ブラウザ

IE6	IE7	IE8	IE9	IE10	IE11	Safari	Chrome	Firefox	Opera

iPhone Safari	Android2系標準ブラウザ	Android4系標準ブラウザ

概要

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

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

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

トップページへ

WebProgrammingPortalウェブプログラミングポータル