CSS: The Definitive Guide, 5. Auflage

Kapitel 16. Listen und generierte Inhalte

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Im Bereich des CSS-Layouts sind die Listen ein interessanter Fall. Die Elemente in einer Liste sind einfach nur Blockboxen, aber mit einem zusätzlichen Teil, der nicht wirklich am Layout des Dokuments beteiligt ist, an einer Seite. Bei einer geordneten Liste enthält dieses zusätzliche Element eine Reihe von aufsteigenden Zahlen (oder Buchstaben), die vom User Agent berechnet und formatiert werden, nicht vom Autor. Anhand der Dokumentenstruktur erstellt der User Agent die Zahlen und ihre grundlegende Darstellung.

Mit CSS kannst du deine eigenen Zählmuster und -formate definieren und diese Zähler mit jedem Element verknüpfen, nicht nur mit geordneten Listenelementen. Darüber hinaus ermöglicht dieser grundlegende Mechanismus das Einfügen anderer Arten von Inhalten, wie z. B. Textstrings, Attributwerte oder sogar externe Ressourcen, in ein Dokument. So ist es möglich, mit CSS Link-Symbole, redaktionelle Symbole und vieles mehr in ein Design einzufügen, ohne zusätzliches Markup erstellen zu müssen.

Um zu sehen, wie all diese Listenoptionen zusammenpassen, werden wir uns zunächst mit der grundlegenden Listengestaltung befassen, bevor wir uns mit der Erstellung von Inhalten und Zählern beschäftigen.

Mit Listen arbeiten

In gewissem Sinne kann fast alles, was kein erzählender Text ist, als Liste betrachtet werden. ...