최신 웹 개발 튜토리얼
 

Style wordSpacing Property

<스타일 개체

A의 단어 사이의 간격을 설정 <p> 50 개 화소 소자 :

document.getElementById("myP").style.wordSpacing = "50px";
»그것을 자신을 시도

정의 및 사용

wordSpacing 속성을 설정하거나 텍스트의 단어 사이의 간격을 돌려줍니다.

팁 : 설정 또는 텍스트에서 문자 사이의 간격을 반환하려면 사용 의 letterSpacing의 속성을.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

wordSpacing 속성은 모든 주요 브라우저에서 지원됩니다.


통사론

wordSpacing 속성을 반환합니다 :

object .style.wordSpacing

wordSpacing 속성을 설정 :

object .style.wordSpacing="normal| 속성 값
기술
normal 단어 사이에 정상적인 간격을 정의합니다. 이 기본이다
length 길이 단위로 단어 사이의 간격을 지정합니다. 음수 값이 허용됩니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 표준
반환 값 : 텍스트의 단어 사이의 간격을 나타내는 문자열
CSS 버전 CSS1

더 예

음수 값을 사용 :

document.getElementById("myP").style.wordSpacing = -3px";
»그것을 자신을 시도

a의 단어 간격을 돌려 <p> 요소를 :

alert(document.getElementById("myP").style.wordSpacing);
»그것을 자신을 시도

의 letterSpacing 속성과 wordSpacing 속성의 차이 :

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 텍스트

CSS 참조 : 단어 간격 속성


<스타일 개체