備忘録的プログラミングリファレンス

text-decorationプロパティ

 text-decorationプロパティは、テキストへの下線、上線、取り消し線、2重線などを指定するプロパティです。 色や線種も指定することができます。
 CSSでは、text-decorationプロパティはテキストへの装飾という扱いです。

 text-decorationプロパティは以下のプロパティの一括指定ができます。

赤い波の下線
text-decoration: underline red wavy;

 text-decoration-lineは必ず指定する必要があります。

構文(Syntax)

CSS

text-decoration: [ text-decoration-line text-decoration-color text-decoration-style ] | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.textDecoration;
値の設定
object.style.textDecoration="[ text-decoration-line text-decoration-color text-decoration-style ] | initial | inherit";

Values

Value摘要
text-decoration-line下線、上線、取り消し線、2重線など
text-decoration-color線の色、CSS Colorを参照のこと
text-decoration-style線の種類、点線、破線など
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none currentcolor solid
継承(Inherited)No
CSS AnimationNo