CSS 최대 높이 속성

정의와 사용법

max-height 속성은 요소의 최대 높이를 설정합니다.

설명

이 속성 값은 요소의 높이에 최대 제한을 설정합니다. 따라서 요소는 지정된 값보다 더 낮을 수 있지만 더 높아질 수 없습니다. 음수 값을 지정할 수 없습니다.

주의사항:max-height 속성은 여러분의 마argins, borders, padding을 포함하지 않습니다.

다른 것도 참조하세요:

CSS 강의:CSS 크기

CSS 강의:min-height 속성

HTML DOM 참조 매뉴얼:maxHeight 속성

예제

단락의 최대 높이 설정:

p
  {
  max-height:100px;
  }

직접 시도해 보세요

CSS 문법

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

속성 값

값 설명
none 기본. 요소에 대해 허용되는 최대 높이에 대한 제한이 없습니다.
length 요소의 최대 높이 값을 정의합니다.
% 그를 포함하는 블록 요소의 퍼센트 최대 높이를 정의합니다.
inherit 부모 요소에서 max-height 속성 값이 상속되어야 합니다.

기술 세부 사항

기본 값: none
thừa kế: no
버전: CSS2
JavaScript 문법: object.style.maxHeight="50px"

TIY 예제

요소의 최대 높이 설정
이 예제에서는 요소의 최대 높이를 설정하는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 7.0 1.0 2.0.2 7.0