CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격

letter-spacing, word-spacing

  • 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 정합니다.
  • 값이 커지면 간격이 커집니다.
  • 값에는 음수를 넣을 수 있습니다.
  • 음수를 값으로 하는 경우 글자가 겹칠 수 있습니다.

예제

  • 값의 변화에 따른 간격의 변화를 보여주는 예제입니다.
  • 글자 사이의 간격을 변화시키면 단어 사이의 간격도 변합니다.
  • 단어 사이의 간격을 변화시켜도 글자 사이의 간격은 변하지 않습니다.

속성 정보

letter-spacing

버전 기본값 상속 애니메이션
CSS1 normal Yes Yes
Chrome Firefox IE Opera Safari
1.0+ 1.0+ 4.0+ 3.5+ 1.0+

word-spacing

버전 기본값 상속 애니메이션
CSS1 normal Yes Yes
Chrome Firefox IE Opera Safari
1.0+ 1.0+ 6.0+ 3.5+ 1.0+

CSS 강좌