CSS 워드-스페이싱 속성

정의

word-spacing 속성은 단어 간의 공백(자 간격)을 늘리거나 줄입니다.

이 속성은 요소 내에서 단어 간에 얼마나 많은 공백 문자를 삽입할지 정의합니다. 이 속성에서 '단어'는 공백 문자로 둘러싸인 문자열로 정의됩니다. 길이 값을 지정하면 단어 간의 일반 간격을 조정합니다; 따라서 'normal'은 0으로 설정된 것과 동일합니다. 부정적인 길이 값을 지정할 수 있으며, 이는 단어 간을 더 가깝게 만듭니다.

주의:부정적인 값을 사용할 수 있습니다.

다른 것을 참조하세요:

CSS 강의:CSS 텍스트

HTML DOM 참조 매뉴얼:wordSpacing 속성

예제

25픽셀의 단어 간격을 설정합니다:

p
  {
  word-spacing:25px;
  }

본인이 직접 시도해 보세요

푸시와 주의사항

주의:CSS는 '단어'를 어떤 공백 문자로 둘러싸인 문자열로 정의합니다. 이 정의는 실제 의미가 없으며, 단지 문서가 공백 문자로 둘러싸인 단어로 구성되었다고 가정하는 것에 불과합니다. CSS를 지원하는 사용자代理는 특정 언어에서 어떤 것이 유효한 단어인지, 어떤 것이 아닌지를 확정하지 못할 수 있습니다. 이 정의는 큰 가치가 없지만, 시각 문자나 비로마 글꼴을 사용하는 언어는 자 간격을 지정할 수 없다는 것을 의미합니다.

푸시:이 속성을 사용하여 문서의 자 간격이 너무 넓게 만들 수 있으므로, word-spacing 사용 시 주의해야 합니다.

CSS 문법

word-spacing: normal|length|initial|inherit;

속성 값

값 설명
normal 기본. 단어 간의 표준 공간을 정의합니다.
length 단어 간의 고정 공간을 정의합니다.
inherit 부모 요소에서 word-spacing 속성 값을 继承할 것을 규정합니다.

기술 세부 사항

기본 값: normal
thừa kế: yes
버전: CSS1
JavaScript 문법: object.style.wordSpacing="10px"

더 많은 예제

단어 간격(자 간격)을 늘리거나 줄입니다
이 예제에서는 단어 간의 거리를 늘리는 방법을 설명합니다.

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5