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
부모 요소의 속성값 상속.