CSS letter-spacing 속성

정의와 사용법

letter-spacing 속성은 문자 간의 공간을 늘리거나 줄입니다.

이 속성은 텍스트 문자 테두리 간에 얼마나 많은 공간을 삽입할지 정의합니다. 문자의 형상이 일반적으로 문자 테두리보다 좁기 때문에, 길이 값을 지정할 때는 문자 간의 일반 간격을 조정합니다. 따라서, normal은值为 0과 같습니다.

주석:음수 값을 사용할 수 있습니다. 이는 문자 간격을 더 가깝게 만듭니다.

다른 것을 참조하세요:

CSS 가이드:CSS 텍스트

HTML DOM 참조 가이드:letterSpacing 속성

예제

h1과 h2 요소의 문자 간격을 설정합니다:

h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}

직접 시도해 보세요

CSS 문법

letter-spacing: normal|length|initial|inherit;

속성 값

설명
normal 기본. 문자 간에 추가적인 공간이 없음을 규정합니다.
length 문자 간의 고정 공간을 정의합니다. 음수 값을 사용할 수 있습니다.
inherit 부모 요소에서 letter-spacing 속성의 값을 상속받도록 규정합니다.

기술 세부 사항

기본 값: normal
상속성: yes
버전: CSS1
JavaScript 문법: object.style.letterSpacing="3px"

추가 예제

문자 간격 설정
문자 간격을 늘리거나 줄이는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5