°³Ã¼ÀÇ È®´ë ¹èÀ²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
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>