CSS text-decoration-color 속성

정의와 사용법

text-decoration-color 속성은 text-decoration(밑줄, 위줄, 통과선)의 색상을 정의합니다.

추가로 참고:

CSS 가이드:CSS 텍스트

HTML DOM 참조 가이드:textDecorationColor 속성

예제

text-decoration의 색상을 빨간색으로 설정합니다:

p {
  text-decoration: underline;
  text-decoration-color: red;
}

직접 테스트해 보세요

CSS 문법

text-decoration-color: color|initial|inherit;

속성 값

값 설명
color text-decoration의 색상을 정의합니다.
initial 이 속성을 기본 값으로 설정합니다. 참고: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참고: inherit.

기술 세부 사항

기본 값: currentColor
상속: 아니요
애니메이션 제작: 지원. 참고:애니메이션 관련 속성.
버전: CSS3
JavaScript 문법: object.style.textDecorationColor="red"

브라우저 지원

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

데이터 -webkit- 또는 -moz-를 포함한 숫자는 프리퍼셀의 첫 번째 버전을 사용하는 것을 나타냅니다.

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