IMCreator - Free Website Builder

CSS list-style-type

Also see the full, alphabetical list of CSS properties

The CSS list-style-type property is used for specifying the "list style type" (what list item bullets should look like). For example, you can display your bullets as a disc, square, or roman numerals.

Also see the list-style, list-style-position and list-style-image properties.

Syntax:	list-style-type: <value>;
Possible Values:	If the browser/user agent doesn't recognise the type it should use decimal. disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-greek lower-alpha lower-latin upper-alpha upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha none inherit
Initial Value:	disc
Applies to:	List item elements
Inherited:	Yes
Media:	Visual
Example:	`ul { list-style-type: square }`
Try it yourself!	<style type="text/css"> ul { list-style-type: square } </style> <p>The CSS <b>list-style-type</b> property determines the "list style type" (what your bullets look like). You can also use 'list-style' which is shorthand for:</p> <ul> <li>list-style-type</li> <li>list-style-position</li> <li>list-style-image</li> </ul>

Also see all CSS properties listed alphabetically

Enjoy this page?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_list-style-type.cfm">CSS list-style-type</a> from Quackit.com
Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!