CSS의 word-spacing 속성은 문장 안에서 단어와 단어 사이의 간격을 넓히거나 좁힐 때 사용합니다. 이 속성에는 normal(브라우저 기본 간격) 또는 간격 크기를 지정하는 숫자 값(px, em 등)을 사용할 수 있습니다.
예제
다음 코드를 실행하면 word-spacing 속성이 어떻게 적용되는지 직접 확인할 수 있습니다. 아래 예제에서는 단어 사이의 간격을 8px로 설정하여 기본 상태보다 넓게 표시했습니다.
<html> <head> </head> <body> <p style = "word-spacing:8px;"> 아시아는 하나의 대륙입니다. </p> </body> </html>
참고 사항
word-spacing 속성에 음수 값을 지정하면 기본 간격보다 더 좁게 조절할 수도 있습니다. 예를 들어 word-spacing:-2px;처럼 사용하면 단어들이 서로 가까워집니다. 길이 단위는 px뿐만 아니라 em, rem 등 다양한 단위를 지원하므로, 반응형 웹 디자인에서는 상대 단위를 활용하는 것이 좋습니다.