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 강좌