텍스트에 적용할 선의 종류를 지정한다.
텍스트의 장식 효과를 적용할 선은 선택적으로 다음과 같이 동시에 두 개의 지정이 가능하다.
h1 {
text-decoration-line: overline underline;
}
text-decoration-line
속성에 사용되는 타입이다.
텍스트에 장식 효과를 설정하기 위한 값을 나타낸다.
none | [ underline || overline || line-through || blink ]
텍스트가 깜박이는 효과를 설정한다. 이 값은 CSS Animations을 위해 더 이상 사용되지 않는 관계로 UA에 따라 작동하지 않을 수 있다.
텍스트의 세로 중앙에 줄을 그린다.
텍스트 위에 줄을 그린다.
텍스트에 밑줄을 그린다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
텍스트가 깜박이는 효과를 설정한다. 이 값은 CSS Animations을 위해 더 이상 사용되지 않는 관계로 UA에 따라 작동하지 않을 수 있다.
텍스트의 세로 중앙에 줄을 그린다.
텍스트 위에 줄을 그린다.
텍스트에 밑줄을 그린다.
text-decoration-line: overline underline;
텍스트의 상단과 하단에 동시에 선을 넣는다.
element.style.textDecorationLine = "line-through";
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Text Decotarion Module Level 3 | Last review date: 2022-6-12 |