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

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS line-height 속성 사용 방법 및 예제

line-height CSS 속성 설정블록형요소(예: 구절) 내의 텍스트 행 간의 높이(또는 줄 간격)입니다.

다음 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.

기본 값:normal
적용 대상:모든 요소
계승:
애니메이션 가능:는.참조하십시오: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.lineHeight="2"

line-height 사용 문법

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

line-height: length | percentage | number | normal | initial | inherit

다음 예제는 어떻게 height 속성을 사용하는지 보여줍니다:-height 속성。

  p {
   line-height: 1.5;
  }
  div {
   line-height: 300%;
  }
테스트를 보세요‹/›

경고:percentaje(%)과 em 값은 예기치 않은 결과를 유발할 수 있습니다. 대부분의 경우-height에서 계승된 경우, 숫자를 사용하는 것은 선호되며 예기치 않은 결과가 발생하지 않습니다. 관련CSS 단위의추가 정보。

속성 값

다음 표는 이 속성의 값을 설명합니다。

설명
normal데스크톱 브라우저의 기본 값은 약1.2에 따라, 요소의font-family。이는 기본 값입니다。
number한 숫자, 이 숫자는 요소와 곱됩니다font-sizeline-height.
length단위는 px, pt, cm, em 등입니다. 음수 라인 높이를 허용하지 않습니다。
percentagepercentaje를 사용하는 방법은 숫자 값과 동일합니다-속성의 계산된 값은 요소의 지정된 百分比 값과 일치합니다font-size
initial이 속성을 기본 값으로 설정합니다。
inherit

계승된 경우, 이 line-height 속성이 숫자 값을 사용하면 자식 요소가 지정된 값을 继承합니다. 이 속성의 계산된 값을 继承하지 않습니다. 음수 값을 허용하지 않습니다。

이 경우, 百分比 값을 사용하면 자식 요소가 해당 속성의 계산된 값을, 지정된 百分比 값을 继承하지 않습니다. 또한, 음수 값을 허용하지 않습니다。

브라우저 호환성

line-height 속성의 브라우저 호환성을 보여주는 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

  • 파이어폭스 1+

  • Google 크롬1+

  • 인터넷 익스플로러 3+

  • Apple 사파리 1+

  • 오페라 4+

추가적인 읽기

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

관련 속성:fontfont-size