CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS text-indent 속성 CSS3 text-decoration-line 속성

CSS3 text-decoration-style 속성 사용 방법 및 예제

text-decoration-style CSS 속성이 사용할 텍스트 장식에 필요한 선 유형을 지정합니다.

주의: text를 사용할 수도 있습니다.-decoration 속성 설정 text-decoration-line.-decoration 속성은 text-decoration-line, text-decoration-style과 text-decoration-color 속성의 약자 속성.

다음 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。

기본 값:	solid
적용 대상:	모든 요소. ::first에도 적용됩니다.-letter와 ::first-line。
thừa kế:	아니요
애니메이션 가능:	아니요。참조: 애니메이션 속성。
버전:	CSS3의 새 기능
JavaScript 문법:	object.style.textDecorationStyle="wavy"

text-decoration-style의 사용 문법

이 속성의 문법은 다음과 같습니다:

text-decoration-style:　[solid | double | dotted | dashed | wavy] one or more values | initial | inherit

다음 예제는 text를 사용하는 방법을 보여줍니다.-decoration-style 속성.

예제

p　{
　　　　text-decoration:　underline;
　　　　-moz-text-decoration-style:　dotted;　/*　파이어폭스　*/
　　　　text-decoration-style:　dotted;　
}

테스트를 보세요‹/›

속성 값

다음 표는 이 속성의 값을 설명합니다。

값	설명
solid	이 줄은 solid선으로 표시됩니다. 기본 값입니다。
double	이 줄은 두줄로 표시됩니다。
dotted	이 줄은 점선으로 표시됩니다。
dashed	이 줄은 점선으로 표시됩니다。
wavy	이 줄은 파도선으로 표시됩니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 관련 요소는 부모 요소 text를 사용합니다.-decoration-style의 속성 값。

브라우저 호환성

text-decoration-style 대부분의 브라우저에서 이 속성을 지원하지 않습니다。

	파이어폭스6+ ^-moz-，36+ 구글 크롬× 인터넷 익스플로러 × 애플 사파리 × 오페라 ×

경고:text-decoration-경고: style 대부분의 브라우저에서 이 속성을 지원하지 않습니다. 이 속성을 사용하는 것을 피하는 것이 좋습니다。

더 읽어보기

다음 튜토리얼을 참조하십시오:CSS 텍스트，CSS 경계선。

CSS text-indent 속성 CSS3 text-decoration-line 속성