Style wordSpacing 속성

정의와 사용법

wordSpacing 속성을 설정하거나 반환하여 텍스트 내 단어 간의 간격을 설정합니다。

ヒント：텍스트 내 문자 간의 간격을 설정하거나 반환하려면 사용하십시오 letterSpacing 속성。

다른 참조를 참조하세요：

CSS 강의：CSS 텍스트

CSS 참조 메뉴얼：word-spacing 속성

예제

예제 1

<p> 요소의 단어 간격을 50픽셀로 설정합니다：

document.getElementById("myP").style.wordSpacing = "50px";

직접 시도해 보세요

예제 2

음수 값을 사용하다：

document.getElementById("myP").style.wordSpacing = -3px";

직접 시도해 보세요

예제 3

반환 <p> 요소의 단어 간격：

alert(document.getElementById("myP").style.wordSpacing);

직접 시도해 보세요

예제 4

letterSpacing 속성과 wordSpacing 속성의 차이점：

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

직접 시도해 보세요

문법

wordSpacing 속성 반환：

object.style.wordSpacing

wordSpacing 속성 설정：

object.style.wordSpacing = "normal|length|initial|inherit"

속성 값

값 설명
normal 단어 간의 정상 간격을 정의합니다. 기본 값입니다.
length 단어 간의 간격을 길이 단위로 정의합니다. 음수 값을 허용합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： normal
반환 값： 문자열로 텍스트 내 단어 간의 공백을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원