CSS height 속성

정의와 사용법

height 속성은 원소의 높이를 설정합니다.

설명

이 속성은 원소 내용 영역의 높이를 정의하며, 내용 영역 외부에서는 여백, 경계선, 마argins를 추가할 수 있습니다.

행 내 non-replacement 요소는 이 속성을 무시합니다.

자세히 보기:

CSS 강의:CSS 크기

CSS 강의:CSS 프레임워크 개요

CSS 참조 설명서:width 속성

HTML DOM 참조 설명서:height 속성

예제

구절의 높이와 너비를 설정합니다:

p
  {
  height:100px;
  width:100px;
  }

직접 시도해보세요

CSS 문법

height: auto|length|initial|inherit;

속성 값

값 설명
auto 기본. 브라우저는 실제 높이를 계산합니다.
length px, cm 등의 단위로 높이를 정의합니다.
% 그를 포함하는 블록 단위 원소의 백분율 높이에 기반하여.
inherit 부모 원소에서 height 속성의 값을 继承해야 합니다.

기술 세부 사항

기본 값: auto
thừa kế: no
버전: CSS1
JavaScript 문법: object.style.height="50px"

TIY 예제

이미지의 높이를 픽셀로 설정
이 예제에서는 원소의 높이를 픽셀 값으로 설정하는 방법을 보여줍니다.
이미지의 높이를 백분율로 설정
이 예제에서는 원소의 높이를 백분율 값으로 설정하는 방법을 보여줍니다.

브라우저 지원

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

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