[DOM_Style] JS - letterSpacing 속성 ★ - 글자 간격 ( 텍스트사이띄우기 = 문자 간격 = 글자 사이 띄우기 = 레러스페이싱속성 = 레터스페이싱속성)

letterSpacing 예제 

 

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

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

<script>

function homzzang() {

  document.getElementById("hz").style.letterSpacing = "15px";

}

</script>

 

결과보기 

letterSpacing 정의 

 

글자 간격 지정.

 

---

 

1.

기본값 : normal

반환값 : 글자 간격을 나타내는 문자열

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

2.

모든 브라우저 지원. 

 

letterSpacing 구문 

 

[반환]

object.style.letterSpacing 

 

[설정]

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

 

---

[속성값]

 

normal

기본 간격 (기본값)

 

length (예: cm, mm, in, px, pt, pc 단위)
숫자가 클수록 간격이 넓어짐. (음수 가능) 
cf. line-height 속성 : 음수 불가능

※ 글자를 다닥다닥 붙게 하려면 보통 -1px 줌

 

initial

이 속성의 기본값으로 설정.

 

inherit

부모 요소의 속성값 상속