Dynamicdeezign, documentation of html and css
The guide to create your Web site on Internet
 

  • list-style-type

    Property
    Value: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit
  • decimal :Decimal numbers, beginning with 1.
  • decimal-leading-zero :Decimal numbers padded by initial zeros (e.g., 01, 02, 03, ..., 98, 99).
  • lower-roman : Lowercase roman numerals (i, ii, iii, iv, v, etc.).
  • upper-roman : Uppercase roman numerals (I, II, III, IV, V, etc.).
  • georgian : Traditional Georgian numbering (an, ban, gan, ..., he, tan, in, in-an, ...).
  • armenian : Traditional Armenian numbering.
  • lower-latin or lower-alpha : Lowercase ascii letters (a, b, c, ... z).
  • upper-latin or upper-alpha : Uppercase ascii letters (A, B, C, ... Z).
  • lower-greek :Lowercase classical Greek alpha, beta, gamma, ... (a, , ?, ...)
  • Initial: disc
    Applies to: elements with 'display: list-item'
    Inherited: yes
    Percentages: N/A
    Media: visual
    Computed value: as specified

    Examples
    <ul style="list-style-type: decimal;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: disc;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: circle;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: square;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: decimal-leading-zero;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: lower-roman;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-type: upper-roman;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3

  • list-style-image

    This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.
    Property
    Value: uri | none | inherit
    Initial: none
    Applies to: elements with 'display: list-item'
    Inherited: yes
    Percentages: N/A
    Media: visual
    Computed value: absolute URI or 'none'

    Examples
    <ul style="list-style-image: url("http://www.your_url_image")">
    <li> item1
    <li> item2
    <li> item3
    </ul>

  • list-style-position

    This property specifies the position of the marker box in the principal block box.
    Property
    Value: inside | outside | inherit
    Initial: outside
    Applies to: elements with 'display: list-item'
    Inherited: yes
    Percentages: N/A
    Media: visual
    Computed value: as specified

    Examples
    <ul style="list-style-position: inside;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3
    <ul style="list-style-position: outside;">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3

  • list-style

    The 'list-style' property is a shorthand notation for setting the three properties 'list-style-type', 'list-style-image', and 'list-style-position' at the same place in the style sheet.
    Property
    Value: [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit
    Initial: see individual properties
    Applies to: elements with 'display: list-item'
    Inherited: yes
    Percentages: N/A
    Media: visual
    Computed value: see individual properties

    Examples
    <ul style="list-style: square inside">
    <li> item1
    <li> item2
    <li> item3
    </ul>
    =>
    • item1
    • item2
    • item3





    For complete reference see CSS Style reference at W3C
    70..1   70..2   70..3   71..1   72..1   72..2   72..3   73..1   73..2   74..1   74..2   74..3   74..4   74..5  
    74..6   74..7   74..8   74..9   74..10   74..11   74..12   74..13   74..14   74..15   74..16   74..17   74..18   74..19  
    74..20   74..21   74..22   74..23   74..24   74..25   74..26   74..27   74..28   74..29   74..30   74..31   74..32   74..33  
    74..34   74..35   74..36   74..37   74..38   74..39   74..40   74..41   74..42   74..43   74..44   74..45   74..46   74..47  
    74..48   74..49   74..50   74..51   74..52   74..53   74..54   74..55   74..56   74..57   74..58   74..59   74..60   74..61  
    75..1   76..1   76..2   77..1   78..1   78..2   78..3   79..1   79..2   7A..1   7B..1   7C..1   7D..1   7F..1  
    7G..1   7H..1   7L..1   7M..1   7N..1   7P..1   7R..1   7W..1