[text] CSS - text-emphasis 속성 - 텍스트 강조마크의 '모먕/색깔' 일괄 지정 (= 텍스트 글자 위에 점찍기 = text-emphasis속성 = 텍스트엠퍼시스속성) ※ 글자 강조표시자 모양과 색깔 지정

1. text-emphasis 예제 - 글자 강조마크 모양/색깔
2. text-emphasis 정의
3. text-emphasis 구문

text-emphasis 예제 - 글자 강조마크 모양/색깔 

<style>

div { 

   text-emphasis-style: dot;

   text-emphasis-position: over left;

   -webkit-text-emphasis-style: dot;

   -webkit-text-emphasis-position: over;

}

</style>

 

<div>홈짱닷컴</div>

결과보기

text-emphasis 정의

 

텍스트 강조마크의 '모양/색상'을 일괄 지정.

• text-emphasis-style 속성 - 텍스트 강조마크의 모양
• text-emphasis-color 속성 - 텍스트 강조마크의 색상

 

---

 

1.

강조 표시에 적합한 글꼴 :  "Kenten Generic OpenType Font" 

 

2.

• 기본값: none currentcolor
• 상속여부: O
• 애니가능: (style: 불연속 / color: 가능)
• CSS버전: CSS3
• JS구문: object.style.textEmphasis="filled blue";

 

3.

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

※ 파이어폭스와 사파리 제외한 나머지 브라우저는 일부 지원.

 

4. MDN text-emphasis 예제보기

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

 

text-emphasis 구문

 

selector {text-emphasis: text-emphasis-style text-emphasis-color;}

 

---

[속성값]

 

text-emphasis-style

텍스트 강조표시자 모양.

 

text-emphasis-color 

텍스트 강조표시자 색상

 

PS. 자세한 사용법은 MDN text-emphasis 매뉴얼 참고.