[text] CSS - text-decoration-color 속성 - 텍스트라인색깔 (= 텍스트데커레이션컬러속성, IE지원X)

1. text-decoration-color 예제 - 텍스트 라인 색깔
2. text-decoration-color 정의
3. 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가지 속성 한번에 정의 가능.

• text-decoration-line (필수)
• text-decoration-style
• text-decoration-color

 

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

부모요소의 속성값 상속.