W3C¸ñ·Ï ¹Ú½ºÀÇ ¸¶Áø, Æеù, º¸´õ ¿¹Á¦ÀÇ ±ä ¼³¸í ¹ø¿ª¹® ¼ÒÀ¯ÀÚ - Trio ȨÆäÀÌÁö

ÀÌ µµÇ¥´Â µÎ LI ¸ñ·Ï Ç׸ñ(list item)µéÀ» °®´Â UL ¸ñ·Ï¿¡ ÀÇÇÏ¿© »ý¼ºµÈ ¹Ú½º(box)µéÀ» ¼³¸íÇÑ´Ù.

¼³¸íÀº µÎ ºÎºÐµé·Î µÇ¾îÀÖ´Ù. ù¹ø°´Â ¸ñ·Ï ¿¤·¹¸àÆ®(element)¿¡ ÀÇÇÏ¿© »ý¼ºµÈ ¹Ú½ºÀÇ ½ÇÁ¦Àû Ç¥ÇöÀ» ¼³¸íÇÑ´Ù. ¹è°æ»ö»ó(color)°ú º¸´õ ½ºÅ¸ÀÏ(border style)µéÀº ¹Ú½º Áö¿ª(box area)µéÀ» ±¸º°Çϱâ À§ÇÏ¿© ´Ù¸£°Ô Çß´Ù.

µÎ¹ø°´Â °°Àº Ç¥ÇöÀ» ¼³¸íÇÏÁö ¸¸, °¢ ¹Ú½ºÀÇ ³»¿ë(content), Æеù(padding), º¸´õ(border),¿Í ¸¶Áø(margin) ¸ð¼­¸®(edge)µéÀÌ Áö¸íÀûÀ¸·Î ³ªÅ¸³­´Ù. ƯÈ÷, ¾î¶»°Ô LI ¹Ú½ºµé»çÀÌÀÇ ¼öÁ÷ ¸¶Áø ÅëÇյǴ°¡¸¦ ¼³¸íÇÑ´Ù.

À̹ÌÁö·Î µ¹¾Æ°¨   ¿ø¹® : È­ÀÏ À§Ä¡
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­()´Â
ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.