[개발일기] TIL

(2023.05.16)

이번에 새로 개편된 네이버 메인페이지를 보다가

평소 잘 쓰지 않았던 css를 봤다.

 

글자 간격과 관련된 두가지 프로퍼티가 있다.

 

letter-spacing : 글자 사이 간격

word-spacing : 단어 사이 간격

 

두 프로퍼티 모두 양수, 음수로 설정 가능하며 음수일 시 글자가 겹칠 수 있다.

즉, 값이 커지면 간격이 커진다.

글자 사이 간격을 조정하면 단어 사이 간격도 조정되지만

단어 사이 간격을 조정한다고 해서 글자 사이 간격이 조정되지 않는다.

 

글자/단어 간격은 사용자가 페이지를 볼 때

가시성, 심미성과 관련된 부분이니 꼭 알아두자.