English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-decoration CSS属性は、要素のテキスト内容(下線、上線など)に適用される装飾を指定します。
以下のテーブルは、この属性の使用方法、バージョンハイストリと、javascriptスクリプト内での属性の使用方法を示しています。
デフォルト値: | ありません |
---|---|
適用: | すべての要素 |
継承: | ありません |
アニメーション可能: | はい、速記の一部の属性はアニメーションを設定できます。参照してください アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScriptの構文: | object.style.textDecoration="line-through" |
この属性の構文は以下の通りです:
text-decoration: none | [ underline | overline | line-through | blink ] 一つ以上の値 | initial | inherit
以下の例では、textを使用する方法を示しています。-decoration属性。
a { text-decoration: none; } h1 { text-decoration: overline; }テストをしてみる‹/›
以下のテーブルはこの属性の値を説明しています。
値 | 説明 |
---|---|
none | テキストの装飾を省略します。 |
underline | 各行のテキストに下線が引かれます。 |
overline | テキストの上に線を定義します。 |
line-through | 各行の文字の中央に線が引かれます。 |
blink | テキストを点滅(可視と不可視の間で切り替え)します。 |
inherit | 指定された場合、関連する要素は親要素のtextを取得します。-decorationの属性値。 |
text-decoration属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョンを示します;すべての主要ブラウザはこの属性をサポートしています。
|
警告:blinkはFirefoxとOperaのみがこの属性の値をサポートしています。この値の使用は推奨されず、代わりに以下を使用することをお勧めします。アニメーション、この値の使用は避けた方が良いです。
以下のチュートリアルを参照してください:CSSのテキスト、CSSの境界、CSS3アニメーション。
テキストに関連する属性:letter-spacing、text-align、text-indent、text-overflow、text-shadow、text-transform、white-space、word-spacing。