본문 바로가기

카테고리 없음

[HTML] letter-spacing, word-spacing, line-height에 대해

CSS에서의 글자 간격은 letter-spacing으로,

단어 간격은 word-spacing으로 정한다.

줄 간격은 line-height이다.



1
2
3
<span style="letter-spacing:1">Seeing is believing</span><br>
<span style="letter-spacing:5">Seeing is believing</span><br>
<span style="letter-spacing:10">Seeing is believing</span><br>
cs


letter-spacing은 위에 보이는것처럼 글자 사이사이의 공백을 처리한다.


1
2
3
<span style="word-spacing:1">Seeing is believing</span><br>
<span style="word-spacing:5">Seeing is believing</span><br>
<span style="word-spacing:10">Seeing is believing</span><br>
cs


word-spacing은 문단이나 단어로 나뉜다.



line-height는 줄 사이의 간격.


1
2
3
<span style="line-height:1">Seeing is believing</span><br>
<span style="line-height:5">Seeing is believing</span><br>
<span style="line-height:10">Seeing is believing</span><br>
cs