[text] CSS - text-emphasis-color 속성 - 텍스트 강조마크의 색상 지정 (= text-emphasis-color속성 = 텍스트엠퍼시스컬러속성) ※ 글자 강조표시자 색깔

1. text-emphasis-color 예제 - 텍스트 강조마크 색상 지정
2. text-emphasis-color 정의
3. text-emphasis-color 구문

text-emphasis-color 예제 - 텍스트 강조마크 색상 지정

 

<style>

p {font-size:30px;}    

p.hz1 {

  text-emphasis-color: red;

  text-emphasis-style: circle; 

}

p.hz2 {

  text-emphasis-color: blue;

  text-emphasis-style: circle;

}

p.hz3 {

  text-emphasis-color: rgb(130, 180, 150);

  text-emphasis-style: circle;

}

p.hz4 {

  text-emphasis-color: currentcolor;

  text-emphasis-style: circle;

}

</style>

<p class="hz1">홈짱닷컴 Homzzang.com</p>

<p class="hz2">홈짱닷컴 Homzzang.com</p>

<p class="hz3">홈짱닷컴 Homzzang.com</p>

<p class="hz4">홈짱닷컴 Homzzang.com</p>

 

결과보기

text-emphasis-color 정의

 

텍스트 강조마크의 색상 지정.

 

---

 

1.

text-emphasis-style 속성 지정해야 적용됨.

 

2. cf.

• text-emphasis 속성 - 텍스트 강조마크의 (모양/색상) 일괄 지정.
• text-emphasis-https://homzzang.com/b/css-536style 속성 - 텍스트 강조마크의 모양 지정.
• text-emphasis-position 속성 - 텍스트 강조마크의 위치 지정.

 

3.

• 기본값: currentcolor
• 상속여부: O
• 애니가능: O
• CSS버전: CSS3
• JS구문: object.style.textEmphasisColor="blue"

4.

IE 제외한 주요 최신 브라우저 모두 지원.

 

5. MDN text-emphasis-color 예제보기

https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-color

 

text-emphasis-color 구문

 

selector {text-emphasis-color: color|initial|inherit;}

 

---

[속성값]

 

color

색상코드 지정.

 

initial

이 속성의 기본값 사용.

 

inherit

부모요소의 속성값 상속.