CSS 참조 가이드

CSS @규칙(RULES)

text-decoration CSS 속성은 요소의 텍스트 내용에 적용할 장식(예: 하이픈, 상하이픈 등)을 지정합니다.

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

기본 값:	없음
적용 대상:	모든 요소
thừa kế:	없음
애니메이션 가능:	네, 글자 약자의 일부 속성은 애니메이션을 설정할 수 있습니다.참조: 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object.style.textDecoration="line-through"

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

text-decoration:　none　|　[　underline　|　overline　|　line-through　|　blink　]　one　or　more　values　|　initial　|　　inherit

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

예제

　　a　{
　　　text-decoration:　none;
　　}
　　h1　{
　　　text-decoration:　overline;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
none	텍스트 장식을 사용하지 않습니다.
underline	각 행 텍스트에 하단선이 있습니다.
overline	텍스트 위에 줄을 정의합니다.
line-through	각 행 텍스트 중간에 줄이 있습니다.
blink	텍스트가 보이지 않고 보이는 사이에서 전환하여 텍스트를 깜박이게 합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 text를 사용합니다.-decoration 속성 값.

text-decoration 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 3。5+

경고:blink은 Firefox와 Opera 만 이 속성 값을 지원합니다. 이 값을 사용하지 않고, 대신 사용하는 것이 좋습니다.애니메이션좋아요, 이 값을 사용하지 않는 것이 좋습니다.

다음 튜토리얼을 참조하십시오:CSS 텍스트，CSS 경계선，CSS3애니메이션。