text-emphasis-color 속성 사용법

text-emphasis-color 속성은
text-emphasis-style로 지정된 요소의 텍스트 강조 표시 색상을 설정합니다.

CSS 데모: text-emphasis-color 데모 버튼을 클릭해 보세요!

형식 구문

CSS 
selector {
    text-emphasis-style: dot;
    text-emphasis-color: /* value */
}

형식 정의

text-emphasis-color속성의 형식 정의
초깃값 currentcolor (현재 글자색)
적용 요소 모든 요소
상속 예

값

text-emphasis-color 속성 값
<color> 색상 값

예제

CSS 
p span {
    text-emphasis-style: triangle;
    text-emphasis-color: red;
}
HTML 
<p>텍스트에 <span>강조 표시</span>가 있습니다.</p>
실제 적용 모습

브라우저 호환성

text-emphasis-color 속성에 대한 브라우저 호환성
속성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
text-emphasis-color 99 99 46 7

caniuse.com에서 더 자세한 정보를 확인해 보세요.

명세서

text-emphasis-color 속성에 대한 명세서 사양
명세서 사양
text-emphasis-color CSS Text Decoration Module Level 3
#text-emphasis-color-property

참고문헌

같이 보기