Style height 속성

정의와 사용법

height 속성을 통해 설정하거나 반환할 수 있습니다。

height 속성은 블록 요소나 절대적이거나 고정된 위치를 가진 요소에만 유효합니다. 부족한 내용은 overflow 속성 를 통해 작업을 수행합니다。

ヒント：이를 사용하여 width 속성 요소의 너비를 설정하거나 반환합니다。

또한 참고:

CSS 튜토리얼：CSS Dimension

CSS 튜토리얼：CSS 프레임 모델

CSS 참조 매뉴얼：height 속성

예제

예제 1

<button> 요소의 높이 설정：

document.getElementById("myBtn").style.height = "50px";

직접 시도해 보세요

예제 2

<div> 요소의 높이 변경：

document.getElementById("myDIV").style.height = "500px";

직접 시도해 보세요

예제 3

<img> 요소의 높이와 너비 변경：

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

직접 시도해 보세요

예제 4

<img> 요소의 높이 반환：

alert(document.getElementById("myImg").style.height);

직접 시도해 보세요

문법

height 속성 반환：

object.style.height

height 속성 설정：

object.style.height = "auto|length|%|initial|inherit"

속성 값

값 설명
auto 브라우저가 높이를 설정합니다. 기본 값。
length 길이 단위로 높이를 정의합니다。
% 부모 요소의 퍼센트로 높이를 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참고: initial。
inherit 부모 요소에서 이 속성을 继承 합니다. 참고: inherit。

기술 세부 사항

기본 값： auto
반환 값： 문자열로, 요소의 높이를 나타냅니다。
CSS 버전： CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원