°³Ã¼ÀÇ ¶óÀÎÇ׸ñÀÇ ºÒ·¿ÀÇ »çÀü¿¡ ÀüÀÇµÈ Çü½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ÀÇ ¶óÀÎÇ׸ñÀÇ ºÒ·¿ÀÇ »çÀü¿¡ ÀüÀÇµÈ Çü½ÄÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

UL disc µðÆúÆ®À̸ç, ¼ÓÀÌ Ã¤¿öÁø ¿øÇüÀÌ´Ù.
  • circle ¼ÓÀÌ ºó ¿øÇüÀÌ´Ù.
  • square ¼ÓÀÌ Ã¤¿öÁø »ç°¢ÇüÀÌ´Ù.
  • OL 1 decimal 1, 2, 3, 4, ...
    i lower-roman i, ii, iii, iv, ...
    I upper-roman I, II, III, IV, ...
    a lower-alpha a, b, c, d, ...
    A upper-alpha A, B, C, D, ...
    UL, OL none ºÒ·¿ÀÌ º¸ÀÌÁö ¾Ê´Â´Ù.  

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

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

    Ư±â

    list-style-image ¾ÖÆ®¸®ºäÆ®°¡ noneÀ¸·Î ¼³Á¤µÇ¾î Àְųª, À̹ÌÁö¸¦ ÁöÁ¤ÇÏ´Â ÁÖ¼Ò¿¡¼­ À̹ÌÁö¸¦ µð½ºÇ÷¹ÀÌ ÇÒ ¼ö ¾øÀ» ¶§, listStyleType ¼Ó¼ºÀº ¸ñ·Ï Ç׸ñ ºÒ·¿ÀÇ Ç¥ÇöµÇ´Â ÇüŸ¦ °áÁ¤ÇÑ´Ù.

    listStyleType ¼Ó¼ºÀº margin°ú display:list-itemÀÌ Àû¿ëµÇ¸é ¾î´À ¿¤·¹¸àÆ®°Ç Àû¿ëµÉ ¼ö ÀÖ´Ù. display:list-item ¼Ó¼ºÀº IE6 ÀÌÈÄ ¹öÀü¿¡¼­ Àû¿ëµÈ´Ù.

    ¸ñ·ÏÇ׸ñÀÇ ¿ÞÂÊ ¸¶ÁøÀÌ margin ¼Ó¼ºµé Áß Çϳª¸¦ »ç¿ëÇÏ¿© 0À¸·Î ¼³Á¤µÇ¾î ÀÖÀ¸¸é, ¸ñ·Ï Ç׸ñ ºÒ·¿Àº º¸ÀÌÁö ¾Ê´Â´Ù. ¸¶ÁøÀº ÃÖ¼ÒÇÑ 30 Æ÷ÀÎÆ®(point) ÀÌ»óÀ̾î¾ß ÇÑ´Ù.

    Àû¿ë
    °³Ã¼scriptCSS IE ¹öÀü
    ÂüÁ¶
    listStyleType listStylePosition listStyleImage

    ÀÌ ¼Ó¼ºÀº CSS1(Cascading Style Sheets, Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.