text-decoration속기상속 및 애니메이션은 개별 속성 참고

CSS 1.0에서는 상수를 통해서 선의 스타일 지정만 하는 반면 CSS 3.0에서는 텍스트 상하 동시에 선을 넣을 수 있으며 선의 스타일과 색상까지 지정할 수 있다.

〈'text-decoration'〉

text-decoration 속기 속성에 사용되는 타입이다.

텍스트에게 장식 효과와 관련된 속성을 한번에 적용하는 값을 나타낸다. 순서는 무관한다.

CSS Text Decotarion Module Level 3

<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

〈'text-decoration-color'〉
text-decoration-color 속성에 사용되는 타입이다.
- CSS Text Decotarion Module Level 3
  <color>
〈'text-decoration-line'〉
text-decoration-line 속성에 사용되는 타입이다.
텍스트에 장식 효과를 설정하기 위한 값을 나타낸다.
- CSS Text Decotarion Module Level 3
  none | [ underline || overline || line-through || blink ]
〈'text-decoration-style'〉
text-decoration-style 속성에 사용되는 타입이다.
텍스트의 장식 효과의 모양을 나타내는 값이다.
- CSS Text Decotarion Module Level 3
  solid | double | dotted | dashed | wavy

text-decoration: underline wave #00FFFF;

CSS Text Decotarion Module Level 3

element.style.textDecoration = "line-through";

CSS Text Decotarion Module Level 3

CSS 3.0 방식으로 장식된 선에 대한 종류, 색상, 모양을 설정하는 테스트