English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS text-decoration 属性の使用方法及び例

text-decoration CSS属性は、要素のテキスト内容(下線、上線など)に適用される装飾を指定します。

以下のテーブルは、この属性の使用方法、バージョンハイストリと、javascriptスクリプト内での属性の使用方法を示しています。

デフォルト値:ありません
適用:すべての要素
継承:ありません
アニメーション可能:はい、速記の一部の属性はアニメーションを設定できます。参照してください アニメーション属性
バージョン:CSS 1、2、3
JavaScriptの構文:object.style.textDecoration="line-through"

text-decorationの使用構文

この属性の構文は以下の通りです:

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属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョンを示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3。5+

警告:blinkはFirefoxとOperaのみがこの属性の値をサポートしています。この値の使用は推奨されず、代わりに以下を使用することをお勧めします。アニメーション、この値の使用は避けた方が良いです。

さらに詳しくは

以下のチュートリアルを参照してください:CSSのテキストCSSの境界CSS3アニメーション

テキストに関連する属性:letter-spacingtext-aligntext-indenttext-overflowtext-shadowtext-transformwhite-spaceword-spacing