table-layout:fixed; ¼Ó¼ºÀ» ÁÖ¸é ÆøÀÌ 100%·Î °íÁ¤µÈ´Ù.
{ align:center } ÁöÁ¤Àº È¿°ú°¡ ¾ø´Ù. table ű׿¡¼ Á÷Á¢ ÁöÁ¤ÇØ¾ß µÈ´Ù. align=center
°¡Àå ÆíÇÑ »ç¿ë¹ýÀº table ½ºÅ¸ÀÏ box ¼³Á¤ÇØ µÎ°í table class=box align=center ¸ð¾ç.
¼¿ ÆøÀÇ ±ÕÇüÀ» ¸ÂÃß±â À§ÇØ ¸ðµÎ Æø ÁöÁ¤ÇÏÁö ¾Ê¾Æµµ, Á¼Àº Æø 1°³¸¸ ÁöÁ¤ÇÒ ¼öµµ ÀÖ´Ù.
Ç¥(table) ²Ù¹Ì±â
table_CSS2
table ű×
border-collapse ¼Ó¼º
col ű×(<td>¸¦ °£´ÜÇÏ°ÔÇÏ´Â <col>ű×)
À¥Ç¥ÁØ¿¡ ¸Â´Â Å×À̺í
textarea¸¦ ǥó·³ »ç¿ë
1.
°íÁ¤Æø Ç¥ : <table style="table-layout:fixed;"> : ÆøÀÌ ´Ã¾î³ª°Å³ª ÁÙ¾îµéÁö ¾Ê°Ô °íÁ¤Æø Ç¥¸¦ ¸¸µç´Ù.
2.
<table width="100%">
<tr><td style="border-width:1px; border-color:rgb(254,204,133); border-style:dotted;"><P>Ç¥ Å׵θ® Á¡¼± 1Çȼ¿(Á¡¼±Àº 'dotted' ½Ç¼±Àº 'solid')</P></td></tr>
<tr><td style="border-width:1px; border-color:rgb(254,204,133); border-style:dotted; border-top-style:none;"><P>µÑ° ÁÙ ÀÌÇÏ´Â ÀÁÙÀ» Á¦°Å, Áߺ¹À» ¿¹¹æÇÑ´Ù.</P></td></tr>
</table>
Ç¥ Å׵θ® Á¡¼± 1Çȼ¿(Á¡¼±Àº 'dotted' ½Ç¼±Àº 'solid') |
µÑ° ÁÙ ÀÌÇÏ´Â ÀÁÙÀ» Á¦°Å, Áߺ¹À» ¿¹¹æÇÑ´Ù. |
3.
ÅؽºÆ®¹Ú½º¸¦ ǥó·³ »ç¿ë : <div align="center"><textarea cols="90" style="overflow:visible"> ... </textarea></div>
4.
Ç¥ ³»¿ëÀ» ÅÂ±×¿Í ÇÔ²² ÃßÃâ : .innerHTML ¼Ó¼º
<TABLE cellSpacing=0 cellPadding="0" width="100%" border align="center" bgcolor="#00FFFF"><TR><TD valign="top" onmouseover="alert(this.innerHTML)">
<p>ÀÌ Ç¥(¼¿)¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¸é È®ÀÎÇÒ ¼ö ÀÖ´Ù.</p>
</TD></TR></TABLE>
ÀÌ Ç¥(¼¿)¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¸é È®ÀÎÇÒ ¼ö ÀÖ´Ù.
|
5.
Ç¥ ³»¿ëÀ» ÅؽºÆ®¸¸ ÃßÃâ : .innerText ¼Ó¼º
<TABLE cellSpacing=0 cellPadding="0" width="100%" border align="center"><TR><TD valign="top" onmouseover="alert(this.innerText)">
<p>ÀÌ Ç¥(¼¿)¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¸é È®ÀÎÇÒ ¼ö ÀÖ´Ù.</p>
</TD></TR></TABLE>
ÀÌ Ç¥(¼¿)¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¸é È®ÀÎÇÒ ¼ö ÀÖ´Ù.
|
6.
·±Å¸ÀÓ¿¡ »öÄ¥Çϱâ
<TABLE cellSpacing=0 cellPadding="0" width="100%" border="0" align="center"><TR><TD valign="top" onmouseover="orgBack=this.style.background; this.style.background='black'" onmouseout="this.style.background=orgBack">
<p>Ç¥(¼¿)ÀÇ ¹è°æ»ö ·±Å¸ÀÓ¿¡ »öÄ¥Çϱâ : .style.background ¼Ó¼º, ¿ø·¡ÀÇ ¹è°æ»öÀ» ÀúÀåÇß´Ù°¡ º¹±¸ÇÏ´Â °ÍÀÌ Áß¿äÇÏ´Ù.</p>
</TD></TR></TABLE>
Ç¥(¼¿)ÀÇ ¹è°æ»ö ·±Å¸ÀÓ¿¡ »öÄ¥Çϱâ : .style.background ¼Ó¼º, ¿ø·¡ÀÇ ¹è°æ»öÀ» ÀúÀåÇß´Ù°¡ º¹±¸ÇÏ´Â °ÍÀÌ Áß¿äÇÏ´Ù.
|
|