CSS 데모: text-underline-offset 데모 버튼을 클릭해 보세요!
selector {
    text-decoration: underline;
    text-underline-offset: /* value */;
}
p {
    font-size: 1.3em;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 0;
}
<p>ABCDEF ghijklm 가나다라 12345</p>
실제 적용 모습 밑줄의 간격 기준(영점 위치)가 텍스트 아래 가장자리입니다.

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

text-underline-offset 속성에 대한 브라우저 호환성
속성과 값
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
text-underline-offset 87 87 70 12.1
퍼센트(%) 값 87 87 74 지원하지 않음

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