[DOM_Style] JS - wordSpacing 속성 - 텍스트 단어간 간격 (= 단어간격 = word-spacing속성 = 워드스페이싱속성, 상속O)

wordSpacing 예제 

 

<p id="hz">홈짱닷컴 Homzzang.com</p>

<button type="button" onclick="homzzang()">클릭</button>

<script>

function homzzang() {

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

}

</script>

결과보기 

wordSpacing 정의 

 

단어 사이 간격 설정/반환. 

 

---

 

1.

letterSpacing 속성

문자간의 간격 

 

2.

기본값: normal

반환값: word-spacing 속성값을 나타내는 문자열

CSS속성: word-spacing
CSS버전: CSS1

3.

모든 브라우저 지원. 

 

wordSpacing 구문 

 

[접근]

object.style.wordSpacing 

 

[설정]

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

 

---

[속성값]

 

normal

기본 간격 (기본값)

length (px 단위, cm단위, em단위 등)

숫자 클수록 간격 넓어짐 (음수 가능) 

※ 단어를 다닥다닥 붙게 하려면 보통 -10px 줌. 

 

initial

이 속성의 기본값으로 설정

 

inherit

부모 요소의 속성값 상속.