Search within TutorialsPark

CSS list-style Property


To shorthand to specify the list style


Definition and Notes.

1. The CSS list-style property is a shorthand to specify the list-style-type, list-style-position and list-style-image in a single declaration.

2.It is applicable to only list elements in the HTML markup, and inherited by child list items .


Syntax:

CSS list-style property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- Omitted values in the shorthand will be set to default

Property Values

Value Description
<list-style-type> Specifies the type of marker used in the list.
<list-style-image> Specifies an image to be used as a list marker.
<list-style-position> Specify the position of a list marker relative to a list item.
inherit The child element inherits the properties of the parent element

Specifications

Specs Value
Name list-style
Value <list-style-type> || <list-style-position> || <list-style-image> | inherit
Initial Value see Individual Property(disc outside none)
Applies to list items
Javascript syntax object.style.listStyle="circle inside"
Inherited Yes
Computed Value See Individual Properties
Browser Support internetexplorer safari firefox opera chrome

Related Examples.