CSS list-style-type Property
Complete CSS Reference
Definition
The list-style-type sets the type of the list-item marker.
Note: Some browsers only support the "disc" value.
Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.listStyleType="square"
In our HTML DOM tutorial you can find more details about the
listStyleType property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
ul
{
list-style-type: disc
} |
Possible Values
| Value |
Description |
| none |
No marker |
| disc |
Default. The marker is a filled circle |
| circle |
The marker is a circle |
| square |
The marker is a square |
| decimal |
The marker is a number |
| decimal-leading-zero |
The marker is a number padded by initial zeros (01, 02, 03,
etc.) |
| lower-roman |
The marker is lower-roman (i, ii, iii, iv, v,
etc.) |
| upper-roman |
The marker is upper-roman (I, II, III, IV, V,
etc.) |
| lower-alpha |
The marker is lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha |
The marker is upper-alpha (A, B, C, D, E, etc.) |
| lower-greek |
The marker is lower-greek (alpha, beta, gamma, etc.) |
| lower-latin |
The marker is lower-latin (a, b, c, d, e, etc.) |
| upper-latin |
The marker is upper-latin (A, B, C, D, E, etc.) |
| hebrew |
The marker is traditional Hebrew numbering |
| armenian |
The marker is traditional Armenian numbering |
| georgian |
The marker is traditional Georgian numbering (an, ban, gan,
etc.) |
| cjk-ideographic |
The marker is plain ideographic numbers |
| hiragana |
The marker is: a, i, u, e, o, ka, ki, etc. |
| katakana |
The marker is: A, I, U, E, O, KA, KI, etc. |
| hiragana-iroha |
The marker is: i, ro, ha, ni, ho, he, to, etc. |
| katakana-iroha |
The marker is: I, RO, HA, NI, HO, HE, TO, etc. |
Try-It-Yourself Demos
The different list-item
markers in unordered lists
This example demonstrates the different list-item markers in CSS.
The different list-item
markers in ordered lists
This example demonstrates the different list-item markers in CSS.
All
the list style types
This example demonstrates all the different list-item markers in CSS.
Complete CSS Reference
 |
|
|
|
Check your site for errors with one click. No more one-by-one page checks, DeepTrawl will find all the errors on your site in seconds.
DeepTrawl is incredibly easy to use, simply type the url of your site & hit go. You'll see all the errors in all your pages, including:
- Dead Links (404's etc.) |
- Missing Images |
- Spelling Mistakes (USA / UK / Canadian English) |
- Invalid xhtml (checked against w3c standards) |
- Common html Errors (missing meta-tags etc.) |
- User Defined Errors (out of date texts/html etc.) |
- Unwanted User Postings (profanity, spam) |
Fix any error easily using the integrated html editor. Download free trial now for PC & Mac.
More Info || Download Free Trial || Watch Demo Video
|
|
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|