°³Ã¼ÀÇ ÃÖ¼Ò ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ÀÇ ÃÖ¼Ò ³ôÀ̸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

(±æÀÌ) ºÎµ¿¼Ò¼öÁ¡¼öÄ¡ ´ÙÀ½¿¡ cm, mm, in, pt, pc³ª px µî ±æÀÌ ´ÜÀ§°¡ µû¸£´Â Àý´ë ±æÀÌ, ȤÀº em or ex µîÀÇ ´ÜÀ§°¡ µû¸£´Â »ó´ë ±æÀÌÀÌ´Ù. CSS ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó.
(¹éºÐÀ²) Á¤¼ö°ª¿¡ ¹éºÐÀ² ±âÈ£(%)¸¦ ºÙÀÎ °ÍÀÌ´Ù. Á¤¼ö°ª ´ÙÀ½¿¡ %ÀÌ ³ª¿À´Â °ÍÀ¸·Î ¿¤·¹¸àÆ®ÀÇ ÃÖ¼Ò ³ôÀÌ¿¡ »ç¿ëÇϱâ À§ÇÑ ¿ë±â ºí·°ÀÇ ³ôÀÌ¿¡ ´ëÇÑ ¹éºÐÀ²ÀÌ´Ù. ¸¸ÀÏ ¿ë±â ºí·°ÀÇ ³ôÀÌ°¡ Áö¸íÀûÀ¸·Î ¼³Á¤µÇ¾î ÀÖÁö ¾ÊÀ¸¸é, ¿¤·¹¸àÆ®´Â ÃÖ¼Ò ³ôÀ̸¦ °¡Áö°í ÀÖÁö ¾Ê°í minHeight ¼Ó¼ºÀº 0%·Î Çؼ®µÈ´Ù.

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼­´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº ¾ø´Ù.

CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.

Ư±â

IE6¿¡¼­, ÀÌ ¼Ó¼ºÀº °íÁ¤ ¹èÄ¡ Å×À̺íÀÇ td, th¿Í tr ¿¤·¹¸àÆ®¿¡¸¸ Àû¿ëµÈ´Ù. ÀÚµ¿ ¹èÄ¡ µ¥À̺íÀÌ µðÆúÆ®ÀÌ´Ù. °íÁ¤ ¹èÄ¡ Å×À̺íÀ» ¸¸µé±â À§Çؼ­´Â, table ¿¤·¹¸àÆ®ÀÇ tableLayout ¼Ó¼ºÀ» fixed·Î ¼³Á¤ÇÑ´Ù. °íÁ¤ ¹èÄ¡ Å×À̺íÀÇ ÀÕÁ¡Àº Å×À̺íÀÌ ÀÚµ¿ ¹èÄ¡ Å×ÀÌºíº¸´Ù ºü¸£°Ô Ç¥ÇöµÈ´Ù´Â °ÍÀÌ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
height

ÀÌ ¼Ó¼ºÀº 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>