CSS text-decoration 속성

정의와 사용법

text-decoration 속성은 텍스트에 추가할 장식을 정의합니다.

주의사항:장식의 색상은 "color" 속성으로 설정됩니다.

설명

이 속성은 텍스트에 특정 효과(밑줄 등)를 설정할 수 있습니다. 자손 요소에 장식이 없으면, 조상 요소에 설정된 장식이 자손 요소에 "확장"됩니다. blink를 지원하지 않습니다.

추가로 참조하세요:

CSS 강의:CSS 텍스트

HTML DOM 참조 매뉴얼:textDecoration 속성

예제

h1, h2, h3, h4 요소의 텍스트 장식을 설정합니다:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

직접 시도해 보세요

CSS 문법

text-decoration: text-decoration-line 텍스트-디코레이션-컬러 text-decoration-style text-decoration-thickness|initial|inherit;

속성 값

값 설명
text-decoration-line 사용할 텍스트 장식 유형(밑줄, 상자선, 선 등)을 설정합니다.
텍스트-디코레이션-컬러 텍스트 장식의 색상을 설정합니다.
text-decoration-style 텍스트 장식의 스타일(실체선, 파도선, 점선, 선, 실선)을 설정합니다.
text-decoration-thickness 장식선의 두께를 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. initial을 참조하세요.
inherit 부모 요소에서 이 속성을 상속합니다. inherit를 참조하세요.

기술 세부 사항

기본 값: none
상속성: no
버전: CSS1
JavaScript 문법: object.style.textDecoration="overline"

더 많은 예제

장식 텍스트
이 예제에서는 텍스트에 장식을 추가하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 3.0 1.0 1.0 3.5