CSS 텍스트-에모지-포지션 속성

정의와 사용법

text-emphasis-position 속성은 강조 표시의 위치를 정의합니다（위, 아래, 왼쪽, 오른쪽）。

추천:사용 writing-mode 속성을 사용하여 수평이나 수직 쓰기 모드를 지정합니다.

예제

사용 text-emphasis-position 속성:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

직접 시도해 보세요

CSS 문법

text-emphasis-position: over|under|left|right|initial|inherit;

속성 값

값 설명
over 텍스트 위에 강조 표시를 적용합니다（수평 쓰기 모드에서）。
under 텍스트 아래에 강조 표시를 적용합니다（수평 쓰기 모드에서）。
left 텍스트 왼쪽에 강조 표시를 적용합니다（수직 쓰기 모드에서）。
right 텍스트 오른쪽에 강조 표시를 적용합니다（수직 쓰기 모드에서）。
initial 이 속성을 기본값으로 설정합니다. 참조 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조 inherit。

기술 세부 사항

기본값: 위 오른쪽
상속성: yes
버전: CSS3
자바스크립트 문법: object.style.textEmphasisPosition="under"

브라우저 지원

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

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