이미지 높이 속성

HTML DOM Image 객체

정의와 사용법

height 속성 설정 또는 반환 이미지의 height 속성 의 값.

height 속성 이미지의 높이를 정의합니다.

이 속성은 또한 CSS 설정 스타일로 사용된 이미지의 높이를 반환할 수 있습니다(아래의 예제를 참조하세요).

알림:사용해 주세요 width 속성 이미지의 width 속성 값.

예제

예제 1

이미지의 높이를 300px로 변경합니다:

document.getElementById("myImg").height = "300";

직접 시도해 보세요

예제 2

이미지의 높이 반환:

var x = document.getElementById("myImg").height;

직접 시도해 보세요

예제 3

이미지의 높이와 너비를 각각 300px와 450px로 변경합니다:

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

직접 시도해 보세요

예제 4

CSS 설정 스타일로 사용된 이미지 높이 반환:

var x = document.getElementById("myImg").height;

직접 시도해 보세요

문법

height 속성 반환:

imageObject.height

height 속성 설정:

imageObject.height = pixels

속성 값

값 설명
pixels 픽셀 단위의 높이(예: height="100").

기술 세부 사항

반환 값: 수치, 이미지의 높이를 픽셀 단위로 표시합니다.

브라우저 지원

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

관련 페이지

HTML 참조 매뉴얼:HTML <img> height 속성

HTML DOM Image 객체