목차
- text-decoration-color 예제 - 텍스트 라인 색깔
- text-decoration-color 정의
- text-decoration-color 구문
text-decoration-color 예제 - 텍스트 라인 색깔
<style>
p {
text-decoration: underline;
-webkit-text-decoration-color: red; /* Safari */
text-decoration-color: red;
}
</style>
<p>Homzzang.com</p>
결과보기
text-decoration-color 정의
텍스트 라인 색깔 지정.
1.
text-decoration-line 속성은 필수.
즉, text-decoration-line 정의되야 text-decoration-color 속성 사용 가능.
2.
text-decoration 속성으로 아래 3가지 속성 한번에 정의 가능.
3.
- 기본값 : currentColor
- 상속여부 : X
- 애니효과 : O
- CSS버전 : CSS3
- JS구문 : object.style.textDecorationColor="red"
4.
IE 제외한 주요 최신브라우저 모두 지원.
text-decoration-color 구문
selector {text-decoration-color: color|initial|inherit;}
[속성값]
color
색상코드 (또는, 색상명)
initial
이 속성의 기본값 설정.
inherit
부모요소의 속성값 상속.