Cssテキスト装飾の例

正式な定義

正式な構文

     ||      ||      ||     

例

テキスト装飾値のデモンストレーション

.under { text-decoration: underline red; } .over { text-decoration: wavy overline lime; } .line { text-decoration: line-through; } .plain { text-decoration: none; } .underover { text-decoration: dashed underline overline; } .thick { text-decoration: solid underline purple 4px; } .blink { text-decoration: blink; } 

<p class='under'>This text has a line underneath it.p> <p class='over'>This text has a line over it.p> <p class='line'>This text has a line going through it.p> <p>This <a class='plain' href='#'>link will not be underlineda>, as links generally are by default. Be careful when removing the text decoration on anchors since users often depend on the underline to denote hyperlinks.p> <p class='underover'>This text has lines above <em>andem> below it.p> <p class='thick'>This text has a really thick purple underline in supporting browsers.p> <p class='blink'>This text might blink for you, depending on the browser you use.p> 

仕様

ブラウザの互換性

も参照してください

• 個々のテキスト装飾プロパティは次のとおりです。 text-decoration-line 、 テキスト-装飾-色 、 と テキスト装飾スタイル 。
• NS リストスタイル 属性は、HTMLでのアイテムの外観を制御します
  と
  リスト。