CSS 텍스트 장식 스타일 속성
예시
다양한 유형의 텍스트 장식 스타일 설정:
div.a
{
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b
{
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c
{
text-decoration-line: underline;
text-decoration-style: double;
}
div.d
{
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
정의 및 사용
속성 은 text-decoration-style
텍스트 장식의 스타일을 설정합니다(예: 단색, 물결 모양, 점선, 파선, 이중).
팁: text-decoration-line, text-decoration-style 및 text-decoration-color의 약식 속성인 text-decoration 속성 도 살펴보세요 .
기본값: | 단단한 |
---|---|
상속: | 아니요 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽기 |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.textDecorationStyle="물결" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-moz- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
CSS 구문
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
solid | Default value. The line will display as a single line | |
double | The line will display as a double line | |
dotted | The line will display as a dotted line | |
dashed | The line will display as a dashed line | |
wavy | The line will display as a wavy line | |
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 참조: textDecorationStyle 속성