CSS 참조 설명서

CSS @규칙(RULES)

max-height CSS 속성은 요소의 내용 영역의 최대 높이를 지정합니다. 이 최대 높이는 채우기, 경계선 또는 여백을 포함하지 않습니다。-더 많은 내용은 다음을 참조하십시오CSS box model。

아래 표는 이 속성의 사용 설명 및 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다。

기본 값:	none
적용 대상:	대체되지 않은 내장 요소, 테이블 행 및 행 그룹을 제외한 모든 요소
thừa kế:	아니요
애니메이션 가능:	는.다음을 참조하십시오: 애니메이션 속성。
버전:	CSS 2、3
JavaScript 문법:	object.style.maxHeight="200px"

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

max-height:　length　|　percentage　|　none　|　initial　|　inherit

아래 예제는 max를 사용하는 방법을 보여줍니다-height 속성

예제

　　p　{
　　　max-height:　100px;
　　}
　　div　{
　　　height:　200px;
　　　max-height:　100px;
　　}

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

값	설명
length	px, pt, cm, em 등으로 단위를 사용하여 최대 높이를 지정합니다. 음수 값을 사용하지 않습니다。
percentage	백분율로 최대 높이를 지정합니다. 요소의 포함 블록 높이에 대한 백분율을 계산합니다. 음수 백분율을 사용하지 않습니다。
none	높이는 최대 값이 없습니다. 이는 기본 값입니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 관련 요소는 부모 요소의 max-height 속성 값

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

	파이어폭스 1+ Google 크롬1+ 인터넷 익스플로러 7+ Apple 사파리 1+ 오페라 7+

다음 내용에 대한 튜토리얼을 참조하십시오:CSS Box 모델，CSS 크기。