CSS 최소 높이 속성

정의와 사용법

min-height 요소의 최소 높이를 설정하는 속성 설정.

설명

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

다른 참고 사항:

CSS 강의:CSS 크기

CSS 강의:max-height 속성

HTML DOM 참조 가이드:minHeight 속성

예제

문단의 최소 높이를 설정:

p
  {
  min-height:100px;
  }

직접 테스트해보세요

CSS 문법

min-height: length|initial|inherit;

속성 값

설명
length 요소의 최소 높이를 정의합니다. 기본 값은 0입니다.
% 포함하는 블록 요소의 백분율에 기반한 최소 높이를 정의합니다.
inherit 부모 요소에서 min-height 속성 값이 상속되어야 합니다.

기술 세부 사항

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

TIY 예제

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

브라우저 지원

표에서의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 3.0 2.0.2 4.0