개체의 확대 배율을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 수치값)
스타일 속성은 개체의 확대 배율을 나타내는 수치값이다.

normal 디폴트이며, 확대 배율은 정상으로 개체는 보통 크기로 표현된다.
(수치) 정상 배율 1.0 기준으로 확대 배율을 나타내는 부동소수점 수치이다.
(백분율) 정상 배율 100% 기준으로 확대 배율을 나타내는 정수값에 %을 붙인 백분율 수치이다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

이미 표시된 개체의 zoom 속성값을 설정하면 개체의 내용은 다시표시된다.

zoom 속성은 상속되지 않지만 자식개체에 영향을 준다. background와 filter 속성에 의한 변화와 유사한 효과를 준다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS(Cascading Style Sheets)에 Microsoft가 확장한 것이다.


zoom된 DIV 지역

zoom 되는 지역

결과 표시창

zoom 애트리뷰트로 설정되고 zoom 속성으로 p 엘레멘트의 내용의 배율을 onmouseover와 onmouseout이벤트로 변경시킨다.

<SCRIPT>
function showAll(){
  str='divObj.currentStyle.zoom='+divObj.currentStyle.zoom+'<BR>';
  str+='pObj.style.zoom='+pObj.style.zoom+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<STYLE>.zoomClass {zoom:0.80}</STYLE>
<DIV id="divObj" class="zoomClass" style="border:solid 1 blue">zoom된 DIV 지역</DIV>
<P id="pObj" style="border:solid 1 blue"
  onmouseover="this.style.zoom='200%';showAll()" onmouseout="this.style.zoom='normal';showAll()">zoom 되는 지역</P>
<DIV id=showA>결과 표시창</DIV>