CSS 데모: text-underline-position 데모 버튼을 클릭해 보세요!
selector {
    text-decoration: underline;
    text-underline-position: /* value */;
}
:root {
    text-underline-position: under; /* 모든 요소에 상속됨 */
}

마지막 업데이트 정보: 2023-09-15

text-underline-position 속성에 대한 브라우저 호환성
속성과 값
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
text-underline-position 33 12 74 12.1
from-font 87 87 74 12.1
under 33 79 74 12.1
left, right 71 79 74 지원하지 않음

caniuse.com에서 더 자세한 정보를 확인해 보세요.