최신 웹 개발 튜토리얼
 

이미지 폭 속성

이미지 객체 참조 이미지 개체

300 픽셀에 이미지의 폭을 변경 :

document.getElementById("myImg").width = "300";
»그것을 자신을 시도

정의 및 사용

폭 속성 집합 또는의 값을 반환 width 이미지의 속성을.

width 속성은 이미지의 폭을 지정한다.

이 속성은 또한 CSS로 스타일 된 이미지의 폭을 반환 할 수 있습니다 (추가 예 참조).

팁 : 사용하여 높이를 설정하거나 값 반환하는 속성을 height 이미지의 속성을.


브라우저 지원

재산
width

통사론

width 속성을 반환합니다 :

imageObject .width

폭 속성을 설정 :

imageObject .width= pixels

속성 값

Value Description
pixels The width in pixels (e.g. height="100")

기술적 세부 사항

반환 값 : 픽셀 이미지의 폭을 나타내는 숫자,

더 예

이미지의 폭을 돌려줍니다 :

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

x의 결과는 다음과 같습니다

107
»그것을 자신을 시도

300 픽셀로 이미지의 높이와 너비를 변경합니다 :

document.getElementById("myImg").height="300";
document.getElementById("myImg").width="300";
»그것을 자신을 시도

CSS로 스타일 된 이미지의 폭을 돌려줍니다 :

var x = document.getElementById("myImg").width;
»그것을 자신을 시도

관련 페이지

HTML 참조 : HTML <img> width 속성


이미지 객체 참조 이미지 개체