CSS 텍스트-에밍스-스타일 속성

정의와 사용법

text-emphasis-style 강조 표시의 스타일을 설정하는 속성입니다。

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

예제

사용 text-emphasis-style 속성:

p.ex1 {
  text-emphasis-style: filled;
}
p.ex2 {
  text-emphasis-style: open;
}
p.ex3 {
  text-emphasis-style: double-circle;
}
p.ex4 {
  text-emphasis-style: "#";
}

본인이 직접 테스트해 보세요

CSS 문법

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

속성 값

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

기술 세부 사항

기본 값: none
상속성: yes
버전: CSS3
자바스크립트 문법: object.style.textEmphasisStyle="triangle"

브라우저 지원

표格에서의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다。

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