Properties

Properties

Draft
  • account_tree
  • bug_report

text-decoration

텍스트의 장식을 설정한다.

설명

CSS 1.0에서는 상수를 통해서 선의 스타일 지정만 하는 반면 CSS 3.0에서는 텍스트 상하 동시에 선을 넣을 수 있으며 선의 스타일과 색상까지 지정할 수 있다.

설정 가능한 속성 값

  • none기본값키워드CSS1

    텍스트 장식을 적용하지 않는다.

  • overline키워드CSS1

    텍스트 상단에 선을 넣는다.

  • line-through키워드CSS1

    텍스트 중단에 선(취소선)을 넣는다.

  • underline키워드CSS1

    텍스트 하단에 선을 넣는다.

  • text-decoration-line속성CSS3

    텍스트에 적용할 선의 종류를 지정하는 세부 속성이며 기본 값은 none이다.

  • text-decoration-color속성CSS3

    텍스트에 적용할 선의 색상을 지정하는 세부 속성이며 기본 값은 텍스트의 색이다.

  • text-decoration-style속성CSS3

    텍스트에 적용할 선의 모양을 지정하는 세부 속성이며 기본 값은 solid이다.

  • initital키워드CSS3

    CSS 기본 값으로 적용한다.

구문

  • text-decoration none or overline or line-through or underline or initial;기본형식CSS1

    주어진 상수로 텍스트에 선을 넣을 수 있다.

  • text-decoration text-decoration-line text-decoration-color text-decoration-style;기본형식CSS3

    선의 종류, 색상, 모양을 지정하는 세부 속성을 한꺼번에 설정해서 텍스트에 장식을 적용한다. 생략된 세부 속성은 기본 값으로 처리한다.

  • object.style.textDecoration = "line-through";자바스크립트 형식CSS1

    자바스크립트 형식

테스트 도구

CSS 3.0 방식으로 장식된 선에 대한 종류, 색상, 모양을 설정하는 테스트

지원 웹브라우저