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
 |
|
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 ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|
HOME
Printer friendly page
