CSS 텍스트-언더라인오프셋 속성

정의와 사용법

text-underline-offset 속성은 하이라이팅 텍스트의 옆동작 거리를 지정합니다.

예제

하이라이팅 텍스트의 옆동작 거리를 설정합니다:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

직접 시도해 보세요

CSS 문법

text-underline-offset: auto|length|percentage|initial|inherit;

속성 값

값 설명
auto 기본 값. 브라우저는 하이라이팅에 적절한 옆동작을 설정합니다.
length 예측 값을 길이 값으로 지정합니다.
percentage 예측 값을 퍼센트로 지정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: auto
thừa kế성: yes
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성.
버전: CSS4
JavaScript 문법: object.style.textUnderlineOffset="1em"

브라우저 지원

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

크롬 에지 파이어폭스 사파리 오페라
87.0 87.0 70.0 12.1 73.0

관련 페이지

교육:CSS 텍스트 데코레이션

참조:HTML DOM textDecoration 속성