Trick # 210 | Dieser Beitrag beinhaltet 581 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Ein kleiner handlicher Hack lässt die klassische Aufzählungsliste <ol> umgekehrt aufzählen: beginnend mit dem höchsten Wert und endend mit dem kleinsten. Dem HTML-Code wird nur ein kleines Attribut hinzugefügt, schon wird die Aufzählung rückwärts nummeriert.
Hinter nummerierten Aufzählungslisten kann etwa ein Code dieser Art stehen:
<ol>
<li>erste Zeile</li>
<li>zweite Zeile</li>
<li>dritte Zeile</li>
<li>vierte Zeile</li>
</ol>Dieser Code gibt folgendes Ergebnis:
- erste Zeile
- zweite Zeile
- dritte Zeile
- vierte Zeile
Nun lässt sich mit einem simplen Trick die Liste umdrehen – bzw: die Liste absteigend nummerieren. Dem <ol>-Tag wird dafür bloss das Attribut «reversed» hinzugefügt. So wie in diesem Code:
<ol reversed>
<li>erste Zeile</li>
<li>zweite Zeile</li>
<li>dritte Zeile</li>
<li>vierte Zeile</li>
</ol>Nun sieht das Ergebnis so aus:
- erste Zeile
- zweite Zeile
- dritte Zeile
- vierte Zeile
Ehrlich gesagt: Einen Verwendungszweck für sowas seh ich jetzt auch nicht auf Anhieb. Ist aber noch lustig, zu wissen.
Werbung
Werbung
