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
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a free 30-day trial today!
Click to see a demo!
Learn what’s new in v2008
 |
|
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.
|
|