text-underline-position (text-decoration)
a {
text-underline-position: under;
text-decoration: underline;
}- default 상태
- text-underline-position: under; 설정 상태
🚨 주의)
Internet Explorer, Firefox for Android, Safari on iOS에서 동작하지 않습니다.
📒 대안
border을 이용하여 밑줄 생성
padding을 이용하여 간격 조절
a {
border-bottom: 1px solid #000;
padding-bottom: 10px;
}