CSS 텍스트-언더라인포지션 속성

정의와 사용법

text-underline-position 속성이 밑줄 텍스트 장식 위치를 지정합니다.

밑줄 텍스트 장식 위치를 설정합니다:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

값	설명
auto	기본 값. 브라우저가 밑줄 위치를 설정합니다.
under	밑줄을 글자 기본线下에 설정합니다.
from-font	폰트 파일이 밑줄 위치에 대한 정보를 포함하고 있는 경우, 이 값을 사용합니다. 그렇지 않으면, auto를 사용합니다.
left	수직 쓰기 모드에서, 밑줄은 텍스트의 왼쪽에 배치됩니다. 수평 쓰기 모드에서, 밑줄은 auto에 따라 배치됩니다.
right	수직 쓰기 모드에서, 밑줄은 텍스트의 오른쪽에 배치됩니다. 수평 쓰기 모드에서, 밑줄은 auto에 따라 배치됩니다.
initial	이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit	이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기본 값:	auto
상속성:	yes
애니메이션 제작:	지원하지 않습니다. 참조:애니메이션 관련 속성.
버전:	CSS3
JavaScript 문법:	object.style.textUnderlinePosition="under"

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

크롬	에지	파이어폭스	사파리	오페라
33.0	79.0	74.0	12.1	20.0