CSS text-emphasis 속성

정의와 사용법

text-emphasis 속성은 텍스트에 강조 표시를 추가하는 데 사용됩니다.

text-emphasis 속성은 text-emphasis-style 와 text-emphasis-color 의 약자입니다.

ヒント:강조 표시의 크기는 글자 크기의 약 50%입니다.

예제

사용 text-emphasis 속성:

p.ex1 {
  text-emphasis: filled;
}
p.ex2 {
  text-emphasis: open;
}
p.ex3 {
  text-emphasis: double-circle red;
}
p.ex4 {
  text-emphasis: triangle blue;
}

직접 테스트해 보세요

CSS 문법

text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|color|initial|inherit;

속성 값

값 설명
none 강조 표시를 적용하지 않습니다.
filled 강조 표시를 실선으로 채웁니다.
open 강조 표시를 투명으로 설정합니다.
dot 강조 표시를 작은 원점으로 설정합니다.
circle 강조 표시를 원으로 설정합니다.
double-circle 강조 표시를 두 개의 원으로 설정합니다.
triangle 강조 표시를 삼각형으로 설정합니다.
sesame 강조 표시를 씨앗 모양(즉, 작은 점집단)으로 설정합니다.
string 강조 표시를 주어진 문자열(한 문자)로 설정합니다.
color 강조 표시의 색상을 설정합니다.
initial 이 속성을 기본값으로 설정합니다. 참조 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조 inherit。

기술 세부 사항

기본값: none currentcolor
상속성: yes
버전: CSS3
JavaScript 문법: object.style.textEmphasis="filled blue"

브라우저 지원

표格에 표시된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
99.0 99.0 46.0 7.0 85.0