Style letterSpacing 속성

정의와 사용법

letterSpacing 속성을 설정하거나 반환하여 텍스트의 문자 간 간격을 정의합니다.

ヒント：문자 간 간격을 설정하거나 반환하려면 사용하십시오 wordSpacing 속성。

다른 참조 사항:

CSS 강의：CSS 텍스트

CSS 참조 매뉴얼：letter-spacing 속성

인스턴스

예제 1

<p> 요소의 문자 간 간격을 15픽셀로 설정합니다：

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

직접 시험해 보세요

예제 2

음수 값을 사용하다：

document.getElementById("myP").style.letterSpacing = "-2px";

직접 시험해 보세요

예제 3

返回 <p> 요소의 글자 간격：

alert(document.getElementById("myP").style.letterSpacing);

직접 시험해 보세요

예제 4

letterSpacing 속성과 wordSpacing 속성의 차이：

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

직접 시험해 보세요

문법

letterSpacing 속성 반환：

object.style.letterSpacing

letterSpacing 속성 설정：

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

속성 값

값 설명
normal 문자 간의 일반 간격. 기본값.
length 길이 단위로 간격을 정의합니다. 음수 값을 허용합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： normal
반환 값： 문자 간의 간격을 나타내는 문자열.
CSS 버전： CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원