글자 사이의 간격을 늘리거나 줄이고 싶다면 letter-spacing 속성을 사용할 수 있습니다.
letter-spacing 속성의 기본값은 0 입니다.
속성 값에는 px, em 등의 단위를 사용할 수 있습니다.
자간을 늘리고자 한다면 아래와 같이 양수 값을 넣으면 됩니다.
p { letter-spacing: 10px; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis arcu nisi, quis ultrices libero tincidunt lobortis. Aenean sollicitudin quis neque quis venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
자간을 줄이고자 한다면 아래와 같이 음수 값을 넣으면 됩니다.
p { letter-spacing: -1px; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis arcu nisi, quis ultrices libero tincidunt lobortis. Aenean sollicitudin quis neque quis venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
이와 비슷하게 글자가 아닌 단어 사이의 간격을 조절하고자 할 때에는 word-spacing 속성을 사용하며,
사용 방법은 위와 동일합니다.
p { word-spacing: 10px; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis arcu nisi, quis ultrices libero tincidunt lobortis. Aenean sollicitudin quis neque quis venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.