Startseite Skripte für das Wintersemester 2017/18 Webdesign Semantic Web CSS für Geordnete Listen


CSS für Geordnete Listen

  • man kann statt der normalen Ziffern auch z.B. römische Ziffern verwenden
  • oder gar keine Symbole anzeigen lassen
  • oder – wie bei den ungeordneten Listen – sich hier auch „disc, square, circle“ anzeigen lassen

HTML

<ol>
    <li>Wasser kochen</li>
    <li>Eier einlegen</li>
    <li>Fünf Minuten kochen lassen</li>
</ol>

CSS

/* andere Ziffern */
ol {list-style-type: upper-roman;}
ol {list-style-type: lower-greek;}

/* kein Symbol */
ol {list-style-type: none;}

/* geordnete Liste schaut dann wie ungeordnete aus – macht das Sinn? */
ol {list-style-type: disc;}
  1. Wasser kochen
  2. Eier einlegen
  3. Fünf Minuten kochen lassen