CSS/Properties/list-style

From W3C Wiki
< CSS‎ | Properties
Revision as of 18:07, 16 June 2011 by Hiroki (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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.

Description

Values [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
Initial value see individual properties
Applies to elements with 'display: list-item'
Inherited Yes


Values

  • inherit
    Takes the same specified value as the property for the element's parent.


And see also individual properties.


Example

Example A

[style.css]

 ul{
   list-style: url("images/list.gif") inside;
 }

[index.html]

<body>
  <ul>
    <li>list-item 1</li>
    <li>list-item 2</li>
    <li>list-item 3</li>
  </ul>
</body>

Csslist2 list-style.png

CSS Reference

The CSS specification defines the list-style property in 12.5.1 Lists.