CSS PROPERTIES
Expand All|Collapse All
CSS AT-RULES
SPONSORED LINKS

CSS list-style Property

Topic: CSS3 Properties Reference« Prev|Next »

Description

The list-style CSS property defines the display style for list items. It is a shorthand property for setting the individual list properties i.e. list-style-type, list-style-position, and list-style-image in a single declaration.

The following table summarizes the usages context and the version history of this property.

Default value: See individual properties
Applies to: List items
Inherited: Yes
Animatable: No. See animatable properties.
Version: CSS 1, 2, 3

Syntax

The syntax of the property is given with:

list-style: 
[ list-style-type list-style-position list-style-image ] | initial | inherit

The example below shows the list-style property in action.

  • ul {
  •     list-style: circle inside;
  • }
  • ol {
  •     list-style: upper-latin outside;
  • }

Property Values

The following table describes the values of this property.

Value Description
list-style-type Specifies the marker style for a list-item.
list-style-position Specifies the position of the list-item marker.
list-style-image Specifies the image to be used as a list-item marker.
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element list-style property.

Browser Compatibility

The list-style property is supported in all major modern browsers.

Browsers Icon

Basic Support—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 4+
  • Apple Safari 1+
  • Opera 7+

Further Reading

See tutorial on: HTML List, CSS Lists.

Related properties: list-style-image, list-style-position, list-style-type.

 
Close

Your Feedback:

 

We would love to hear from you! Please say something.