The list-style<\/code> property is a shorthand property that sets values for three different list-related properties in one declaration:<\/p>\n\n\n\n

ul {\n  list-style: <list-style-type> || <list-style-position> || <list-style-image>;\n}<\/code><\/pre>\n\n\n\n
Here’s an example of the syntax:<\/p>\n\n\n\n
ul {\n  list-style: square outside none;\n}<\/code><\/pre>\n\n\n\n
Which would be the same as the following longhand version:<\/p>\n\n\n\n
ul {\n  list-style-type: square;\n  list-style-position: outside;\n  list-style-image: none;\n}<\/code><\/pre>\n\n\n\n
In the shorthand, if any values are omitted, they will revert to their initial state.<\/p>\n\n\n
Values for list-style-type<\/code><\/h3>\n\n\n
The list-style-type<\/code> property defines the type of list by setting the content of each marker, or bullet, on the list. Acceptable keyword values for list-style-type<\/code> include:<\/p>\n\n\n\n
disc<\/code><\/li>
circle<\/code><\/li>
square<\/code><\/li>
decimal<\/code><\/li>
decimal-leading-zero<\/code><\/li>
lower-roman<\/code><\/li>
upper-roman<\/code><\/li>
lower-greek<\/code><\/li>
lower-latin<\/code><\/li>
upper-latin<\/code><\/li>
armenian<\/code><\/li>
georgian<\/code><\/li>
lower-alpha<\/code><\/li>
upper-alpha<\/code><\/li>
none<\/code><\/li><\/ul>\n\n\n\n
MDN has<\/a> a more complete list. Non-keyword values were introduced in CSS3<\/a>, and are starting to see some support, like:<\/p>\n\n\n\n
ul {\n  list-style-type: \"\u2192\";\n}<\/code><\/pre>\n\n\n\n
The following demo includes a group of unordered lists to demonstrate each keyword value:<\/p>\n\n\n\n