CSS text-decoration-line 속성
예시
다양한 유형의 텍스트 장식 라인 설정:
div.a
{
text-decoration-line: overline;
}
div.b
{
text-decoration-line: underline;
}
div.c
{
text-decoration-line: line-through;
}
div.d
{
text-decoration-line: overline underline;
}
정의 및 사용
속성 은 text-decoration-line
사용할 텍스트 장식의 종류를 설정합니다(예: 밑줄, 윗줄, 선 통과).
팁: text-decoration-line, text-decoration-style 및 text-decoration-color의 약식 속성인 text-decoration 속성 도 살펴보세요 .
참고: 밑줄 및 윗줄 과 같이 둘 이상의 값을 결합 하여 텍스트 아래 및 위에 선을 표시할 수도 있습니다.
기본값: | 없음 |
---|---|
상속: | 아니요 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽기 |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.textDecorationLine="overline" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-moz- 또는 -webkit- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
text-decoration-line | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 7.1 -webkit- |
44.0 |
CSS 구문
text-decoration-line: none|underline|overline|line-through|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
none | Default value. Specifies no line for the text-decoration | |
underline | Specifies that a line will be displayed under the text | |
overline | Specifies that a line will be displayed over the text | |
line-through | Specifies that a line will be displayed through the text | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 텍스트
HTML DOM 참조: textDecorationLine 속성