더 "Try it Yourself" 아래의 예.
정의 및 사용
line-height 속성은 행 높이를 지정합니다.
Note: 음수 값이 허용되지 않습니다.
| 기본값: | normal |
|---|---|
| 상속 : | yes |
| 애니메이션 : | yes. Read about animatable Try it |
| 번역: | CSS1 |
| 자바 스크립트 구문 : | object .style.lineHeight="30px" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 구문
line-height: normal|number|length|initial|inherit;속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| normal | 정상적인 라인의 높이입니다. 이 기본이다 | »플레이 |
| number | 현재 글꼴 크기를 곱한 될 수는 줄 높이를 설정합니다 | »플레이 |
| length | PX, 태평양 표준시, cm 등의 고정 행 높이 | »플레이 |
| % | 현재 글꼴 크기의 백분율 라인 높이 | »플레이 |
| initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
화소 값을 이용하여 두 단락에서의 라인 사이의 공간을 지정한다.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} »그것을 자신을 시도 예
숫자 값을 사용하여 두 단락의 라인 사이의 공간을 지정합니다.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 텍스트
HTML DOM 참조 : lineHeight property