diedVIPs

html knowhow

Marker für Listenelemente










Marker für Listenelemente

So sieht´s aus

Beispiel 1 Beispiel 2 Beispiel 3 Beispiel 4 Beispiel Drop-Down
  • Äpfel
  • Birnen
  • Feigen
  • Äpfel
  • Birnen
  • Feigen
  1. Äpfel
  2. Birnen
  3. Feigen
  1. Äpfel
  2. Birnen
  3. Feigen
Fruits

Äpfel

Birnen

Feigen

Quellcode
<html>
<head>

<style>
ul.beispiel1 li::marker {color: Blue; font-size: 1.0em; text-align:left}
ul.beispiel2 {list-style-type: square;}
ul.beispiel2 li::marker {color: green; font-size: 1.0em;}
ol.beispiel3 li::marker {color: fuchsia; font-size: 1.0em;}
ol.beispiel4 {list-style-type: lower-alpha;}
ol.beispiel4 li::marker {color: lime; font-size: 1.0em;}
summary.beispiel5::marker {color: red; font-size: 1.0em;}
li,summary {color:black; font-size:1.3em; text-align:left}
ul,ol,p {width:100px; text-align:left; color:black}
</style>
</head>

<body>
<center>
<table style="width: auto">
<tr class="auto-style35">
<td valign="top" style="width: 20%">Beispiel 1</td>
<td valign="top" style="width: 20%">Beispiel 2</td>
<td valign="top" style="width: 20%">Beispiel 3</td>
<td valign="top" style="width: 20%">Beispiel 4</td>
<td valign="top" style="width: 20%">Beispiel Drop-Down</td>
</tr>
<tr>
<td valign="top" style="width: 20%"><ul class="beispiel1">
<li>Äpfel</li>
<li>Birnen</li>
<li>Feigen</li>
</ul>
</td>
<td valign="top" style="width: 20%"><ul class="beispiel2">
<li>Äpfel</li>
<li>Birnen</li>
<li>Feigen</li>
</ul>
</td>
<td valign="top" style="width: 20%"><ol class="beispiel3">
<li>Äpfel</li>
<li>Birnen</li>
<li>Feigen</li>
</ol>
</td>
<td valign="top" style="width: 20%"><ol class="beispiel4">
<li>Äpfel</li>
<li>Birnen</li>
<li>Feigen</li>
</ol>
</td>
<td valign="top" style="width: 20%"><details>
<summary class="beispiel5">Fruits</summary>
<p>Äpfel</p>
<p>Birnen</p>
<p>Feigen</p>
</details>
</td></tr>
</table>
</body>

</html>








Kontakt    Datenschutz   Impressum