CSS LIST-STYLE

This shorthand property is used when the author wishes to change the default display characteristics of list-markers in HTML list structures. An author can specify location of the marker, a graphic to be used and/or a standard set of symbols. Keywords may come in any order, but using multiple keywords that control the same behavior is not allowed. If a [list-style-image] is specified for the list marker, it will be used in place of any [list-style-type] also specified. Nevertheless, a [list-style-type] should always be specified in the event the [list-style-image] can not be loaded. A value of ‘none’ for the ‘list-style’ property should set both ‘list-style-type’ and ‘list-style-image’ to ‘none.’

Example


ul {
list-style: square inside url(http://www.foo.com/bullet.gif)

  • 2 Responses

    2.21.2009

    Hi folks

    Just starting to explore CSS3 … but unable to find a workaround for ordered lists that break off and then continue their numbering, eg:

    <ol start=”4″>

    and

    <li value=”9″>

    Important for HTML presentation of block quotes of legal documents etc.

    Can you help?
    Jack

    6.10.2009

    Jack,

    If you’re still looking for an answer, try the counter-increment and counter-reset properties. A good article can be found at:

    http://dev.opera.com/articles/view/automatic-numbering-with-css-counters/