English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 설명서

CSS @규칙(RULES)

CSS 속성 전체

CSS letter-spacing 속성 사용 방법 및 예제

letter-spacing CSS 속성은 요소 텍스트의 글자 간 추가 간격을 설정합니다.

다음 표는 이 속성의 사용 설명과 버전 이력, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:normal
적용 대상:모든 요소. 또한, 적용됩니다::: first-letter:: first-line
thừa kế:
애니메이션 가능:네.참조: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.letterSpacing="5px"

letter-spacing 사용 문법

이 속성의 문법은 다음과 같습니다:

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 속성의 브라우저 호환성을 보여주는 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

추가적인 독读

다음 튜토리얼을 참조하십시오:CSS Text

관련 속성:white-spaceword-spacing