사이트 내 전체검색
[CSS] text-decoration: underline 간격 조금 띄우기
하우코드
https://cmd.kr/html/298 URL이 복사되었습니다.

본문

 

 

보통의 경우 디자인적으로 밑줄 간격을 띄우기 위해서

text-decoration: underline보다는 border-bottom을 쓰거나 

아니면 가상클래스 :after를 걸어서 작업하는데

이번 프로젝트에서는 글자가 2줄로 떨어지는 경우가 있어 

맨 밑에 있는 줄에만 밑줄이 생기는 문제가 생겼다.


그래서 text-decoration: underline;으로 작업하고

text-underline-position: under; 속성을 주어 최대한 밑으로 떨어뜨렸다.

다만 이 속성은 firefox와 opera. safari에서는 적용이 안된다.

모바일 삼성인터넷에서도 안되는듯


출처: https://im-developer.tistory.com/21 [Code Playground:티스토리]

댓글목록

등록된 댓글이 없습니다.

Search

Copyright © Cmd 명령어 18.222.9.171