English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
letter-spacing CSS 속성은 요소 텍스트의 글자 간 추가 간격을 설정합니다.
다음 표는 이 속성의 사용 설명과 버전 이력, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.
기본 값: | normal |
---|---|
적용 대상: | 모든 요소. 또한, 적용됩니다::: first-letter와:: first-line。 |
thừa kế: | 네 |
애니메이션 가능: | 네.참조: 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object.style.letterSpacing="5px" |
이 속성의 문법은 다음과 같습니다:
letter-spacing: length | normal | initial | inherit
아래의 예제는 letter spacing의 사용법을 보여줍니다.-spacing 속성.
h1 { letter-spacing: -3px; } p { letter-spacing: 15px; }테스트를 보려면‹/›
주의:letter-spacing 속성, 정상 값은 길이 값 0과 다릅니다. 정상 값이면 브라우저를 통해 공간을 조정하여 텍스트를 정렬할 수 있습니다.值为0 일 경우, 텍스트를 정렬할 수 없습니다.
다음 표는 이 속성의 값을 설명합니다.
값 | 설명 |
---|---|
normal | 간격은 현재 글자체의 정상 간격입니다. 이 공간은 브라우저에 의해 조정될 수 있으며, 텍스트를 정렬하기 위해 사용됩니다. 이는 기본 값입니다. |
length | 길이 값은 기본 문자 간 간격 외에 추가로 삽입할 길이 간격을 나타냅니다. 브라우저는 텍스트를 정렬하기 위해 이 공간을 조정할 수 없습니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 관련 요소는 부모 요소의 letter 속성을 사용합니다.-spacing 속성 값. |
etter-spacing 속성의 브라우저 호환성을 보여주는 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.
|
다음 튜토리얼을 참조하십시오:CSS Text。
관련 속성:white-space,word-spacing。