CSS 데모: text-decoration-thickness 데모 버튼을 클릭해 보세요!
selector {
    text-decoration-line: underline;
    text-decoration-thickness: /* value */
}
<p>텍스트 데코레이션 두께가 5px입니다.</p>
p {
    text-decoration-line: underline;
    text-decoration-color: red;
    text-decoration-style: solid;
    text-decoration-thickness: 5px;
}
실제 적용 모습
text-decoration-thickness 속성에 대한 브라우저 호환성
속성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
text-decoration-thickness 89 89 70 12.1

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

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

text-decoration-thickness 속성에 대한 percentage 값의 브라우저 호환성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
percentage 87 87 74 지원하지 않음

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