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

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

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

none µðÆúÆ®À̸ç, ±×¸®µå ÁÙÀÌ ¼³Á¤µÇÁö ¾Ê´Â´Ù.
auto ¿¤·¹¸àÆ® ±Û²ÃÀÇ °¡Àå Å« ±ÛÀÚ°¡ ±ÛÀÚ ±×¸®µå(grid) ¼³Á¤¿¡ »ç¿ëµÈ´Ù.
(±æÀÌ) ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡°ªÀÌ°í cm, mm, in, pt, pc, or pxµî Àý´ë´ÜÀ§³ª em or exµî »ó´ë´ÜÀ§ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ µû¸¥´Ù. ½ºÅ¸ÀϽ¬Æ® ±Ô°ÝÀÇ ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó.
(¹éºÐÀ²) Á¤¼ö°ª°ú ±× µÚ¿¡ ¹éºÐÀ²Ç¥(%)°¡ µû¸¥´Ù. ÀÌ´Â ¸ðü °³Ã¼ÀÇ Å©±â¿¡ ´ëÇÑ »ó´ë°ªÀÌ´Ù.

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

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í ±× ¿Ü´Â ¸ðµÎ Àбâ/¾²±âÀÌ´Ù.
ÀÌ ¼Ó¼ºÀÇ µðÆúÆ® °ªÀº noneÀÌ´Ù.

Ư±â

layout-grid-line ¾ÖÆ®¸®ºäÆ®ÀÇ º¸ÀÌ´Â È¿°ú´Â lineHeight ¼Ó¼º°ú À¯»çÇÏ´Ù.

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

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

ÁÖÀÇ : ÀÌ ¼Ó¼ºÀÌ ÀÛ¿ëÇϱâ À§Çؼ­´Â layout-grid-mode ¾ÖÆ®¸®ºäÆ®°¡ line ȤÀº both·Î ¼³Á¤µÇ¾î¾ß ÇÑ´Ù.
Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
layoutGrid layoutGridMode layoutGridType layoutGridLine layoutGridChar

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