Beispiel:Listen-marker2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html lang="de">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <title>Styling mit ::marker und counter(list-item)</title>
  <style>
li {
  padding-left: 0.5em;
}
li::marker {
  color: red;
  content: '(' counter(list-item) ')';
}
</style>
</head>
 
<body>
  <h1>Styling mit ::marker und counter(list-item)</h1>
 
  <ul>
    <li>Anna</li>
    <li>Maria</li>
    <li>Zenzi</li> 
  </ul>
</body>
</html>