최신 웹 개발 튜토리얼
 

Style letterSpacing Property

<스타일 개체

예

A의 문자 사이의 간격을 설정 <p> 15 개 화소 소자 :

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

정의 및 사용

의 letterSpacing 속성을 설정하거나 텍스트에서 문자 사이의 간격을 돌려줍니다.

팁 : 설정하거나 텍스트의 단어 사이의 간격을 반환하려면, 사용 wordSpacing의 속성을.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

통사론

의 letterSpacing 속성을 반환합니다 :

object .style.letterSpacing

의 letterSpacing 속성을 설정 :

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

기술적 세부 사항

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

더 예

예

음수 값을 사용 :

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

예

a의 문자 간격 돌려 <p> 요소를 :

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

예

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

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

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

관련 페이지

CSS 자습서 : CSS 텍스트

CSS 참조 : letter-spacing property

<스타일 개체