CSS text-decoration-line 속성

정의와 사용법

text-decoration-line 속성은 사용할 텍스트 장식 유형(밑줄, 위줄, 통줄)을 설정합니다.

추가로:동시에 text-decoration 속성을 참조하세요. 이 속성은 text-decoration-line, text-decoration-style 및 text-decoration-color의 줄임말 속성입니다.

주석:다른 값들을 조합할 수도 있습니다. 예를 들어 underline와 overline를 조합하여 텍스트 상하에 선을 동시에 표시할 수 있습니다.

다른 참조:

CSS 교육:CSS 텍스트

HTML DOM 참조 매뉴얼:textDecorationLine 속성

예제

다른 text-decoration 선 유형을 설정합니다:

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;
}

직접 시도해 보세요

CSS 문법

text-decoration-line: none|underline|overline|line-through|initial|inherit;

속성 값

값 설명
none 기본 값. text-decoration에 선이 없음을 정의합니다.
underline 문자 아래에 선을 표시합니다.
overline 문자 위에 선을 표시합니다.
line-through 문자를 가로질러 표시하는 선을 정의합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조 initial。
inherit 부모 요소에서 이 속성을 thừa kế합니다. 참조 inherit。

기술 세부 사항

기본 값: none
thừa kế: 아니요
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성。
버전: CSS3
JavaScript 문법: object.style.textDecorationLine="overline"

브라우저 지원

표中的数字注明了完全支持该属性的首个浏览器版本。

-webkit- 또는 -moz-로 시작하는 숫자는 프리퍼크를 사용하는 최초 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0