Properties

Properties

Editing
  • account_tree
  • bug_report

text-decoration-line

텍스트에 적용할 선의 종류를 지정한다.

설명

텍스트의 장식 효과를 적용할 선은 선택적으로 다음과 같이 동시에 두 개의 지정이 가능하다. 

h1 {
  text-decoration-line: overline underline;
}

 

사용 가능한 값 타입

<'text-decoration-line'>

DEVDIC-Specified Data Types

text-decoration-line 속성에 사용되는 타입이다.

텍스트에 장식 효과를 설정하기 위한 값을 나타낸다.

  • CSS Text Decotarion Module Level 3
    none | [ underline || overline || line-through || blink ]

사용되는 키워드

  • blink

    텍스트가 깜박이는 효과를 설정한다. 이 값은 CSS Animations을 위해 더 이상 사용되지 않는 관계로 UA에 따라 작동하지 않을 수 있다.

  • line-through

    텍스트의 세로 중앙에 줄을 그린다.

  • overline

    텍스트 위에 줄을 그린다.

  • underline

    텍스트에 밑줄을 그린다.

공통적으로 사용되는 값

다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • none

    어떠한 값도 설정하지 않음을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • text-decoration-line: overline underline;
    CSS Text Decotarion Module Level 3

    텍스트의 상단과 하단에 동시에 선을 넣는다.

  • element.style.textDecorationLine = "line-through";
    CSS Text Decotarion Module Level 3

테스트 도구

장식 선에 대한 종류를 설정하는 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Text Decotarion Module Level 3

Last review date: 2022-6-12

지원 웹브라우저