Image width 속성

HTML DOM Image 객체

정의와 사용법

width 속성 설정 또는 반환 width 속성 의 값.

HTML width 속성은 이미지의 너비를 정의합니다.

이 속성은 CSS로 설정된 스타일의 이미지 너비도 반환할 수 있습니다. 아래의 예제를 참고하세요.

ヒント:사용하세요 height 속성 이미지의 height 속성 의 값.

예제

예제 1

이미지 너비를 450px로 변경합니다:

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

본인이 직접 시도해보세요

예제 2

이미지 너비 반환:

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

본인이 직접 시도해보세요

예제 3

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

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

본인이 직접 시도해보세요

예제 4

CSS로 설정된 스타일의 이미지 너비 반환:

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

본인이 직접 시도해보세요

문법

width 속성 반환:

imageObject.width

width 속성 설정:

imageObject.width = pixels

속성 값

값 설명
pixels 픽셀 단위의 너비(예: width="100")

기술 세부 사항

반환 값: 숫자, 이미지의 너비를 픽셀 단위로 표시합니다.

브라우저 지원

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

관련 페이지

HTML 참조 설명서:HTML <img> width 속성

HTML DOM Image 객체