≪ 目次　＜プロパティ一覧　［戻る］　使用例 ↓

このページはスクリプトを使用しています。
ご使用のブラウザは、スクリプトに対応していないか
スクリプトを無効にする設定がされているようです。
［戻る］ を選択する場合は、ブラウザの 『戻る』 機能を御使用して下さい。

中年おっちゃんでも出来たウェブページ作成講座 with ? mark

text-decorationプロパティ

text-decorationプロパティは、文字列の装飾を指定します。

underline、overline、line-through、blink を半角空白で区切り、順不同で指定します。
IMG要素等、内容にテキストを含まない要素には反映されません。

値 (value)	none	装飾無し。
	underline	下線を引きます。
	overline	上線を引きます。
	line-through	テキストの真中に線を引きます。
	blink	テキストを点滅させます。
	inherit	親要素からの継承
適用要素	BODY要素とBODY要素の内容の全ての要素
初期値	none
継承	しません・・・ ?

使用例

XXXX はスタイルシート記述です。

XXXX はHTML記述です。

XXXX 背景色と内枠線は修飾対象要素の範囲です。

スタイルシート記述

.xx	{	text-decoration	:	underline	;	}
.xx	{	text-decoration	:	overline	;	}
.xx	{	text-decoration	:	line-through	;	}
.xx	{	text-decoration	:	blink	;	}
.xx	{	margin-left	:	1em	;	}
.xx	{	color	:	red	;	}
.xx	{	color	:	blue	;	}

HTML記述

<p class="tdu">
012<span class="tdo red">345<span class="tdi blu">6<span class="ml1">7
<img src="smp/bn.png" width="88" height="32" alt="バナー" />
8</span><span class="tdb">901</span></span></span>234
</p>

表示例

012345678901234

修飾される色は要素の色が反映されます。テキストの色が変わっても修飾する色は変わりません。（継承性があります）
マージンで要素間が開いている部分は修飾されません。が、反映されるブラウザもあります。
IMG要素は修飾されません。が、反映されるブラウザもあります。
IEでは blink は反映されていません。

IEでの表示例

mozilla Firefoxでの表示例

≪ 目次　＜プロパティ一覧　［戻る］　Top ↑

Created：Jun 01, 2005 Updated：Oct.,25,2011 © by おっちゃん
Oct.,25,2011 全面更新