W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

The next example creates markers before and after list items.
This document:
Markers before and after list items
@media screen, print {
LI:before {
display: marker;
content: url("smiley.gif");
LI:after {
display: marker;
content: url("sad.gif");
}
}
first list item comes first
second list item comes second
should produce something like this (ascii art is used instead of smiley gif
images here):
:-) first list item
comes first :-(
:-) second list item
comes second :-(
The next example uses markers to number notes (paragraphs).
The following document:
Markers to create numbered notes4>/TITLE>
P { margin-left: 12 em; }
@media screen, print {
P.Note:before {
display: marker;
content: url("note.gif")
"Note " counter(note-counter) ":";
counter-increment: note-counter;
text-align: left;
width: 10em;
}
}
This is the first paragraph in this document.
166