lists and markers

Beispiel

.liste_mond {  list-style:  url(css_beispiele/rouge.gif) inside}
.liste_innen { list-style: upper-roman inside }
.liste_aussen { list-style: square outside}

Drei Tage lang:

Montag
Dienstag
Mittwoch

Drei Tage lang:

Montag
Dienstag
Mittwoch

Drei Tage lang:

Montag
Dienstag
Mittwoch

Beispiel

 ul.knopf { list-style-position: outside; 
            list-style-image: url("knopf.gif")}

...

 <ul class="knopf">
  		<li >Montag</li>
  		<li>Dienstag</li>
  		<li>Mittwoch</li>
 </ul>

Darstellung:

Montag
Dienstag
Mittwoch

Beispiel

 .liste_innen_eingezogen {       list-style-position: inside; 
                                 list-style-type: circle;    
                                 width: 300px}
 .liste_aussen_ausgezogen {      list-style-position: outside; 
                                 list-style-type:    
                                 circle ; width: 300px}

Darstellung

Die Eigenschaften für Listen gehören zu den wenigen Eigenschaften, die für spezielle Tags entworfen worden sind.
Sie zeigen nur eine Wirkung bei Tags, in denen Auflistungen dargestellt werden können.

Die Eigenschaften für Listen gehören zu den wenigen Eigenschaften, die für spezielle Tags entworfen worden sind.
Sie zeigen nur eine Wirkung bei Tags, in denen Auflistungen dargestellt werden können.

Beispiel

   .li_disc { list-style-type: disc}
   .li_circle { list-style-type: circle}
   .li_square { list-style-type: square}
   .li_decimal { list-style-type: decimal}
   .li_lower-roman { list-style-type: lower-roman}
   .li_upper-roman { list-style-type: upper-roman}
   .li_lower-greek { list-style-type: lower-greek}
   .li_hebrew { list-style-type: hebrew}
   .li_lower-latin { list-style-type: lower-latin}
   .li_upper-latin { list-style-type: upper-latin}
   .li_lower-greek { list-style-type: lower-greek}
   .li_hiragana { list-style-type: hiragana}
   .li_cjk-ideographic { list-style-type: cjk-ideographic} oder

<ul class="list_circle">	<ul class="list_disc">	<ul class="list_square">	<ol class="list_decimal">
Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch
<ol class="list_upper-latin">	<ol class="list_lower-latin">	<ol class="list_lower-greek">	<ol class="list_hiragana">
Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch
<ol class="list_upper-roman">	<ol class="list_lower-roman">	<ol class="list_hebrew">	<ol class="list_cjk-ideographic">
Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch	Montag Dienstag Mittwoch

Beispiel

.li_abstand  {  marker-offset: 50px; }

Montag
Dienstag
Mittwoch
Donnerstag
Freitag