Style textDecorationLine 속성

정의와 사용법

textDecorationLine 속성 설정이나 반환된 디코레이션에서 텍스트가 얻을 선 유형을 정의합니다(있는 경우).

주의사항:textDecoration 속성을 사용하여도 됩니다 textDecorationLine은 다음 속성의 약자 속성입니다:

주의사항:여러 가지 값을 조합할 수도 있습니다. 예를 들어 underline 와 overline문자 아래와 위에 선을 동시에 표시하려면

다른 참조 사항:

CSS 참조 가이드：text-decoration-line 속성

예제

위쪽에 선이 있는 문단을 표시합니다：

document.getElementById("myP").style.textDecorationLine = "overline";

직접 시험해 보세요

문법

textDecorationLine 속성 반환：

object.style.textDecorationLine

textDecorationLine 속성 설정：

object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

속성 값

값 설명
none 기본 값. 선이 없는 텍스트 디코레이션을 정의합니다。
underline 문자 아래에 선을 표시할 것을 정의합니다。
overline 문자 위에 선을 표시할 것을 정의합니다。
line-through 문자를 통과하며 선을 표시할 것을 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 없음
반환 값： 문자열로, 요소의 text-decoration-line 속성。
CSS 版本： CSS3

浏览器支持

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0