text-emphasis 관련 속성들
text-emphasis
속성은 요소의 텍스트에 강조 표시를 설정합니다. 이 속성은 text-emphasis-style
, text-emphasis-color
을 한 번에 지정하는 단축 속성(shorthand property)입니다. text-emphasis
속성의 사용 방법에 대해 알아봅니다.
주의하세요!
text-emphasis-position
속성은 text-emphasis
속성으로 재설정할 수 없습니다.
같이 보기
사용법
형식 구문
형식 정의
초깃값 | 각 단축 속성별로:
text-emphasis-style : none
text-emphasis-color : currentcolor (현재 글자색) |
---|---|
적용 요소 | 모든 요소 |
상속 | 예 |
구문
text-emphasis
속성은 하나 이상의 공백으로 구분된 값을 지정하며, 이 값들은 text-emphasis-style
, text-emphasis-color
속성의 값입니다. 지정하는 값의 순서는 상관없습니다.
text-emphasis-style |
요소의 텍스트 강조 표시 스타일을 설정합니다. |
---|---|
text-emphasis-color |
text-emphasis-style 로 지정된 요소의 텍스트 강조 표시 색상을 설정합니다. |
예제
키워드 값과 색상 값
텍스트에 강조 표시가 있습니다.
키워드 값과 색상 값 주의할 점
텍스트에 강조 표시가 있습니다.
'커스텀 문자'
텍스트에 강조 표시가 있습니다.
브라우저 호환성
속성 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
text-emphasis
|
99 | 99 | 46 | 7 |
명세서
명세서 사양 | |
---|---|
text-emphasis
|
CSS Text Decoration Module Level 3 #text-emphasis-property |