Image naturalWidth 속성

HTML DOM Image 객체

정의와 사용법

naturalWidth 속성은 이미지의 원래 너비를 반환합니다.

예를 들어, 원래 너비가 100 픽셀인 이미지가 있다면. 그런 다음, CSS를 사용하여 이미지의 스타일을 설정하여 너비를 500 픽셀로 변경합니다. naturalWidth 속성은 "100"을 반환하며, width 속성은 500를 반환합니다.

ヒント:이를 사용하세요: naturalHeight 속성 이미지의 원래 높이를 반환하거나, height 속성 이미지의 너비를 설정하거나 반환: height 속성 의 값.

주의:이 속성은 읽기 전용입니다.

예제

예제 1

이미지의 원래 너비를 반환:

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

직접 시험해 보세요

예제 2

naturalWidth 속성과 width 속성의 차이:

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

직접 시험해 보세요

문법

imageObject.naturalWidth

기술 세부 사항

반환 값: 값, 이미지의 원래 너비를 표시합니다(픽셀 단위).

브라우저 지원

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

HTML DOM Image 객체