¿¤·¹¸àÆ®ÀÇ ÅؽºÆ® ³»¿ëÀ» Ç¥ÇöÇϴµ¥ »ç¿ëµÇ´Â ±×¸®µå(grid)ÀÇ Çü½Ä(type)À» ³ªÅ¸³»´Â °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼¿¡¼­ ±×¸®µå Çü½ÄÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

loose µðÆúÆ®À̸ç, Çѱ۰ú ÀϺ»¾î¿¡¼­ »ç¿ëµÇ´Â ±×¸®µåÀÌ´Ù. ÀÌ ¸ðµå¿¡¼­´Â ´ÙÀ½°ú °°ÀÌ ±ÛÀڵ鿡 °è¼ÓÀûÀ¸·Î ³Êºñ°¡ Áõ°¡µÈ´Ù. ³ÐÀº ±ÛÀÚµé°ú Á¼Àº ±ÛÀÚµéÀÌ Á¤È®È÷ ±×¸®µå¿¡ ¸Âµµ·Ï layoutGridChar ¼Ó¼º¿¡ ÁöÁ¤µÈ ¹Ù¿¡ µû¶ó Áõ°¡µÈ´Ù. ¿¬°áµÈ Çʱâü ±ÛÀÚµéÀ» Á¦¿ÜÇÏ°í ´Ù¸¥ Á¼Àº ±ÛÀÚµéÀº ³ÐÀº ±ÛÀÚ¿¡ Àû¿ëµÇ´Â ³ÊºñÀÇ ¹Ý ¸¸Å­¾¿ Áõ°¡µÈ´Ù. ¿¬°áµÈ Çʱâü ±ÛÀÚµéÀ» Æ÷ÇÔÇÑ ´Ù¸¥ ±ÛÀÚµéÀº Áõ°¡µÇÁö ¾Ê°í, ±×¸®µå(grid)°¡ ¼³Á¤µÇÁö ¾ÊÀº °Í ó·³ ó¸®µÈ´Ù.
strict ÀÌ ±ÛÀÚ´Â Çѱ¹¾î, ÀϺ»¾î(Genko)¸¦ ºñ·ÔÇÏ¿© Áß±¹¾î¿¡ »ç¿ëµÇ´Â ±×¸®µåÀÌ´Ù. Ç¥Àǹ®ÀÚ, ÀϺ»¾î °¡³ª¿Í ³ÐÀº ±ÛÀڵ鸸Àº ±×¸®µå(grid)¿¡ ¸ÂÃá´Ù. ´Ù¸¥ ±ÛÀÚµéÀº ÀÌµé ±ÛÀÚµéÀ» Æ÷ÇÔÇÏ´Â ÅؽºÆ® ºÎºÐ¿¡¼­ layout-grid-mode ¾ÖÆ®¸®ºäÆ®°¡ none ȤÀº lineÀ¸·Î ¼³Á¤µÈ °Íó·³ º¸Åë°ú °°ÀÌ Ç¥ÇöÇÑ´Ù. ÀÌ ¸ðµå´Â ¶ÇÇÑ Æ¯¼ö ÅؽºÆ® Á¤·Ä°ú ÀϹÝÀûÀ¸·Î ¿¤·¹¸àÆ®¿¡ Àû¿ëµÇ´Â ±ÛÀÚ ³Êºñ Á¶Á¤À» ÁßÁö½ÃŲ´Ù. ÅؽºÆ® ºÎºÐ¿¡¼­ ÁÙ ¹üÀ§¸¦ ÃÊ°úÇÏ¿©µµ ÁÙ¹Ù²Þ ±âȸ°¡ ¾øÀ¸¸é, ÅؽºÆ®´Â ´ÙÀ½ ÁÙ·Î ¹Ð¾îÁö°í ÀÌÀü ÁÙÀÇ ¸¶Áö¸· ºÎºÐÀº ºó°£À¸·Î ³²´Â´Ù.
fixed µ¿ÀÏ °£°Ý(monospace) ±×¸®µå ·¹À̾ƿô¿¡ »ç¿ëµÇ¸ç, ±ÔÄ¢Àº ´ÙÀ½°ú °°´Ù. ¸ðµç Çʱâü°¡ ¾Æ´Ñ ±ÛÀÚµéÀº µ¿ÀÏÇÏ°Ô Ãë±ÞµÈ´Ù. °¢ ±ÛÀÚ´Â µðÆúÆ®·Î ´ÜÀÏ ±×¸®µå °ø°£ ¼Ó¿¡¼­ Áß¾Ó¿¡ ¸ÂÃçÁø´Ù. Çʱâü ±ÛÀÚ´Â strict ±×¸®µå¿¡¼­¿Í °°ÀÌ ¶ç·Î 󸮵ȴÙ. Á¤·Ä°ú ±ÛÀÚÀÇ ³Êºñ Á¶Á¤Àº ÀüºÎ ÁßÁöµÈ´Ù.

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

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

Ư±â

Áß±¹¾î, ÀϺ»¾î¿Í °°Àº ¾Æ½Ã¾Æ ¾ð¾îµé¿¡¼­ ÀϹÝÀûÀ¸·Î ÀÏÂ÷¿ø ȤÀº 2Â÷¿øÀû ±×¸®µå¸¦ ÀÌ¿ëÇÏ¿© ±ÛÀÚµéÀ» À§ÇÑ ÆäÀÌÁö ·¹À̾ƿôÀ» »ý¼ºÇÑ´Ù. ÀÌ layoutGrid ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ëÇÏ¿© ÀÌ¿Í°°Àº ·¹À̾ƿôÀ» À¥ ¹®¼­¿¡ Àû¿ëÇÒ ¼ö ÀÖ´Ù.

ÀÌ layout-grid-type ¾ÖÆ®¸®ºäÆ®´Â ºí·°·¹º§ ¿¤·¹¸àÆ®¿¡¸¸ Àû¿ëµÈ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
layoutGrid layoutGridMode layoutGridType layoutGridLine layoutGridChar

ÀÌ ¼Ó¼ºÀº CSS(Cascading Style Sheets)ÀÇ ºÎºÐ¿¡ Æ÷ÇÔ½Ãų °ÍÀÌ Á¦¾ÈµÇ¾ú´Ù.