無料ホームページ作成!CSS・スタイルシート
文字の装飾

無料ホームページ作成!CSS・文字
文字の装飾

ホームページの文字の装飾を指定

text-decoration属性

このtext-decoration属性は文字の装飾を宣言できる属性です、文字に取り消し線を付けたり、下線を引いたり、対応していないブラウザもありますが点滅させることもできます。またタグの初期値で下線を引かれるリンクなどの下線を消すこともできます。

text-decoration属性の使い方

CSSソース

セレクタ{
	text-decoration:line-through;
}
 
結果

取り消し線を付けて表示。

text-decoration属性で宣言できる値

概要
none 装飾せずに表示
line-through 取り消し線を付けて表示
underline※1 下線を付けて表示
overline※2 上線を付けて表示
blink※3 点滅させて表示

※1:対応していないIEのバージョンがあります。
※2:対応していないNNのバージョンがあります。
※3:IEとSafariには対応していません。

値の使用例

対応していないブラウザがあるものが多いので適用されなくてもよい程度で使いましょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS