CSS list-style Property

Description

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.

Initial value
See individual properties
Applies to
List item elements
Inherited
Yes
Media
Visual
Computed value
See individual properties
Animatable
No
CSS Version
CSS1, CSS2, CSS3
JavaScript syntax
object.style.listStyle

Syntax

list-style: <list-style-type> || <list-style-position> || <list-style-image>

Values

Example

<ul class="test"> 
<li>List Element</li>
<li>List Element</li>
<li>List Element</li>
</ul>
<ul class="test2">
<li>List Element</li>
<li>List Element</li>
<li>List Element</li>
</ul>
.test {
   list-style: square outside; 
}
.test2 {
   list-style: circle inside;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
4121171
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
118410.111.0

Last updated by CSSPortal on: 3rd November 2019