text-decoration-color 속성 사용법

text-decoration-color 속성은
텍스트에 사용되는 text-decoration-line으로 지정된 선 장식의 색상을 설정합니다.

CSS text-decoration-line 속성
CSS 데모: text-decoration-color 데모 버튼을 클릭해 보세요!
CSS 
selector {
    text-decoration-line: underline;
    text-decoration-color: /* value */
}

text-decoration-color 속성의 정의와 구문

text-decoration-color 속성의 정의
초기 값 currentcolor(현재 글자색)
적용 요소 모든 요소
상속 아니오

text-decoration-color 속성 값

text-decoration-color 속성 값
color 색상 값

예제

HTML 
<p>텍스트 데코레이션 컬러 값이 blue입니다.</p>
CSS 
p {
    text-decoration: underline;
    text-decoration-color: blue;
}
실제 적용 모습

text-decoration-color 속성에 대한 브라우저 호환성

text-decoration-color 속성에 대한 브라우저 호환성
속성
Chrome
Chrome
Edge
Edge
Firefox
Firefox
Safari
Safari
text-decoration-color 57 79 36 12.1

caniuse.com에서 더 자세한 정보를 확인해 보세요.

text-decoration-color 속성에 대한 명세서

text-decoration-color 속성에 대한 명세서 사양
명세서 사양
text-decoration-color CSS Text Decoration Module Level 3
#text-decoration-color-property

참고문헌

같이 보기