English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
line-height CSS 속성 설정블록형요소(예: 구절) 내의 텍스트 행 간의 높이(또는 줄 간격)입니다.
다음 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.
기본 값: | normal |
---|---|
적용 대상: | 모든 요소 |
계승: | 는 |
애니메이션 가능: | 는.참조하십시오: 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object.style.lineHeight="2" |
이 속성의 문법은 다음과 같습니다:
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 등입니다. 음수 라인 높이를 허용하지 않습니다。 |
percentage | percentaje를 사용하는 방법은 숫자 값과 동일합니다-속성의 계산된 값은 요소의 지정된 百分比 값과 일치합니다font-size。 |
initial | 이 속성을 기본 값으로 설정합니다。 |
inherit | 계승된 경우, 이 line-height 속성이 숫자 값을 사용하면 자식 요소가 지정된 값을 继承합니다. 이 속성의 계산된 값을 继承하지 않습니다. 음수 값을 허용하지 않습니다。 이 경우, 百分比 값을 사용하면 자식 요소가 해당 속성의 계산된 값을, 지정된 百分比 값을 继承하지 않습니다. 또한, 음수 값을 허용하지 않습니다。 |
line-height 속성의 브라우저 호환성을 보여주는 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。
|
다음 튜토리얼을 참조하십시오:CSS Text。