例
<H1>、<H2>のためのテキストの装飾を設定し、 <h3>要素:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
»それを自分で試してみてください 定義と使用法
テキストの装飾のプロパティがテキストに追加された装飾を指定します。
Note: CSS3では、テキストの装飾のプロパティはの短縮形プロパティであるテキストの装飾ライン 、 テキスト装飾色 、およびテキストの装飾スタイルが、これは現在、主要なブラウザのいずれかでサポートされていません。
Note:あなたが使用できるCSS3でテキストの装飾色の装飾の色を変更するには、プロパティを、それ以外の色は、テキストの色と同じです。
デフォルト値: | none |
---|---|
継承されました: | no |
アニメーション: | no, see individual properties . Read about animatable |
バージョン: | CSS1, renewed in CSS3 |
JavaScriptシンタックス: | object .style.textDecoration="underline" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSSの構文
text-decoration: none|underline|overline|line-through|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
none | 通常のテキストを定義します。 これがデフォルトです | それを再生します» |
underline | テキストの下の行を定義します | それを再生します» |
overline | テキスト上の行を定義します | それを再生します» |
line-through | テキストを通る線を定義します | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSテキスト
HTML DOMリファレンス: textDecoration property