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
Learn how your website performs under various load conditions
 |
|
WAPT
is a load, stress and performance testing tool for websites and web-based applications.
In contrast to "800-pound gorilla" load testing tools, it is designed to minimize the learning
curve and give you an ability to create a heavy load from a regular workstation.
WAPT is able to generate up to 3000 simultaneously acting virtual users using standard hardware configuration.
Virtual users in each profile are fully customizable. Basic and NTLM authentication methods are supported.
Graphs and reports are shown in real-time at different levels of detail, thus helping to manage the testing process.
Download the free 30-day trial!
|
|
HOME
Printer friendly page
