border-collapse´Â Å×ÀÌºí ¶Ç´Â ¼¿ÀÇ Å׵θ®¼±
Ç¥½Ã¹æ¹ýÀ» ÁöÁ¤ÇÏ´Â ¼Ó¼ºÀÔ´Ï´Ù.
¼Ó¼º°ªÀ¸·Î´Â collapse¿Í separate¸¦ »ç¿ëÇÒ ¼ö
ÀÖ½À´Ï´Ù.
-
collapse : ¼·Î ÀÌ¿ôÇÏ´Â
Å×À̺íÀ̳ª ¼¿ÀÇ Å׵θ®¼±À» °ãÃļ
Ç¥Çö ÇÕ´Ï´Ù.
-
separate : ±âº»°ªÀ¸·Î
¼·Î ÀÌ¿ôÇÏ´Â Å×À̺íÀ̳ª ¼¿ÀÇ
Å׵θ®¼±À» ºÐ¸®½ÃÄÑ Ç¥Çö ÇÕ´Ï´Ù.
<table width="90%" cellpadding="5" cellspacing="0" border="1" align="center" style="border-collapse:collapse; border:1px gray solid;">
<tr>
<td>border-collapse:collapse;</td>
</tr>
</table> |
À§¿Í °°ÀÌ border-collapse ¼Ó¼º°©À» collapse·Î
ÁöÁ¤ÇÏ°í border ¼Ó¼ºÀ» Ãß°¡ÀûÀ¸·Î ÁöÁ¤ÇÏ¸é ¾Æ·¡¿Í °°ÀÌ
±ò²ûÇÑ Å×À̺íÀ» Ãâ·ÂÇÒ ¼ö ÀÖ½À´Ï´Ù.
border-collapse:collapse; |
|
border-collapse ¼Ó¼ºÀº Å׵θ®¼±ÀÇ Ç¥½Ã¹æ¹ý¸¸
ÁöÁ¤ÇϹǷΠ¹Ýµå½Ã border ¼Ó¼ºÀ¸·Î ±¸Ã¼ÀûÀÎ Å׵θ®¼±ÀÇ
½ºÅ¸ÀÏÀ» ÁöÁ¤ÇØ ÁÖ¾î¾ß ÇÕ´Ï´Ù.
Å×À̺íÀÇ ¼¿ÀÌ ¸¹À»¶§´Â IE¿Í Firefox¿¡¼ Á¶±Ý ´Ù¸¥
¸ð½ÀÀ¸·Î Ãâ·ÂµË´Ï´Ù. IE¿¡¼´Â Ãß°¡ÀûÀ¸·Î TD element¿¡
border ¼Ó¼ºÀ» Ãß°¡ÀûÀ¸·Î ÁöÁ¤ÇÏ¸é µË´Ï´Ù.
<table width="90%" cellpadding="5" cellspacing="0" border="1" align="center" style="border-collapse:collapse; border:1px gray solid;">
<tr>
<td style="border:1px gray solid;">HTML</td>
<td style="border:1px gray solid;">Hypertext Markup Language</td>
</tr>
<tr>
<td style="border:1px gray solid;">CSS</td>
<td style="border:1px gray solid;">Cascading Style Sheet</td>
</tr>
</table> |
HTML |
Hypertext Markup Language |
CSS |
Cascading Style Sheet |
|