Please visit our sponsors !
CSS List Properties
The List properties allow you to change between different list-item markers,
set an image as a list-item marker, and set where to place a list-item marker.
Examples
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.
Set an image as the
list-item marker
This example demonstrates how to set an image as the list-item marker.
Place the list-item
marker
This example demonstrates where to place the list-item marker.
All list properties in one
declaration
This example demonstrates a shorthand property for setting all of the properties
for a list in one declaration.
List Properties:
NN: Netscape, IE: Internet Explorer, W3C: Web Standard
Property |
Description |
Values |
NN |
IE |
W3C |
list-style |
A shorthand property for setting all of the properties for
a list in one declaration |
list-style-type
list-style-position
list-style-image |
6.0 |
4.0 |
CSS1 |
list-style-image |
Sets an image as the list-item marker |
none
url |
6.0 |
4.0 |
CSS1 |
list-style-position |
Places the list-item marker in the list |
inside
outside |
6.0 |
4.0 |
CSS1 |
list-style-type |
Sets the type of the list-item marker |
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha |
4.0 |
4.0 |
CSS1 |
marker-offset |
|
auto
length |
|
|
CSS2 |
Jump to: Top of Page
or HOME or
Printer friendly page
Search W3Schools:
What Others Say About Us
Does the world know about us? Check out these places:
Dogpile
Alta Vista
MSN
Google
Excite
Lycos
Yahoo
Ask Jeeves
We Help You For Free. You Can Help Us!
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.
Copyright 1999-2002 by Refsnes Data. All Rights Reserved
|