°³Ã¼ÀÇ ÃÖ¼Ò ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
(±æÀÌ) | ºÎµ¿¼Ò¼öÁ¡¼öÄ¡ ´ÙÀ½¿¡ cm, mm, in, pt, pc³ª px µî ±æÀÌ ´ÜÀ§°¡ µû¸£´Â Àý´ë ±æÀÌ, ȤÀº em or ex µîÀÇ ´ÜÀ§°¡ µû¸£´Â »ó´ë ±æÀÌÀÌ´Ù. CSS ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó. |
(¹éºÐÀ²) | Á¤¼ö°ª¿¡ ¹éºÐÀ² ±âÈ£(%)¸¦ ºÙÀÎ °ÍÀÌ´Ù. Á¤¼ö°ª ´ÙÀ½¿¡ %ÀÌ ³ª¿À´Â °ÍÀ¸·Î ¿¤·¹¸àÆ®ÀÇ ÃÖ¼Ò ³ôÀÌ¿¡ »ç¿ëÇϱâ À§ÇÑ ¿ë±â ºí·°ÀÇ ³ôÀÌ¿¡ ´ëÇÑ ¹éºÐÀ²ÀÌ´Ù. ¸¸ÀÏ ¿ë±â ºí·°ÀÇ ³ôÀÌ°¡ Áö¸íÀûÀ¸·Î ¼³Á¤µÇ¾î ÀÖÁö ¾ÊÀ¸¸é, ¿¤·¹¸àÆ®´Â ÃÖ¼Ò ³ôÀ̸¦ °¡Áö°í ÀÖÁö ¾Ê°í minHeight ¼Ó¼ºÀº 0%·Î Çؼ®µÈ´Ù. |
ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº ¾ø´Ù.
CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.
IE6¿¡¼, ÀÌ ¼Ó¼ºÀº °íÁ¤ ¹èÄ¡ Å×À̺íÀÇ td, th¿Í tr ¿¤·¹¸àÆ®¿¡¸¸ Àû¿ëµÈ´Ù. ÀÚµ¿ ¹èÄ¡ µ¥À̺íÀÌ µðÆúÆ®ÀÌ´Ù. °íÁ¤ ¹èÄ¡ Å×À̺íÀ» ¸¸µé±â À§Çؼ´Â, table ¿¤·¹¸àÆ®ÀÇ tableLayout ¼Ó¼ºÀ» fixed·Î ¼³Á¤ÇÑ´Ù. °íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù.
°³Ã¼ | script | CSS | IE ¹öÀü |
---|
ÀÌ ¼Ó¼ºÀº CSS2(Cascading Style Sheets Level 2)¿¡ Á¤ÀǵǾú´Ù.
°íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù. |
°íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù. |
td¿¤·¹¸àÆ®¿¡¼ height ¾ÖÆ®¸®ºäÆ® À§¿¡ min-height ¾ÖÆ®¸®ºäÆ®°¡ ÀÛ¿ëÇÑ´Ù.
<TABLE border="1" style="table-layout:fixed;width:200"> <TR> <TD id="td1" style="height:28px;background-color:ffffee">°íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù.</TD> </TR> <TR> <TD id="td2" style="min-height:28px;background-color:ffffee">°íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù.</TD> </TR> </TABLE> <SCRIPT> str='td1.style.minHeight='+td1.style.minHeight+'<BR>'; str+='td2.style.minHeight='+td2.style.minHeight+'<BR>'; document.write(str); </SCRIPT>