목차
- text-emphasis 예제 - 글자 강조마크 모양/색깔
- text-emphasis 정의
- 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 정의
텍스트 강조마크의 '모양/색상'을 일괄 지정.
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 매뉴얼 참고.