CSS Referenz: Generierte Inhalte

0 | 8202 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz: Generierte Inhalte" mit Ihrem Wissen!

Anzeige Hier werben

Ob automatische Nummerierung von Elementen (beispielsweise Listen) oder das Einfügen von beliebigen Inhalten in das Dokument, CSS bringt alle notwendigen Dinge mit.

:before und :after

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
:before und :after

Beschreibung: Pseudoelemente, zur Verwendung mit content

Mithilfe von :before und :after lässt sich ein Pseodoelement vor/nach dem gewählten Element erzeugen. In Kombination mit content lassen sich so Inhalte vor/nach Elementen einfügen. Beispiel: p:before { content: "<p>"; }

content: Inhalte einfügen

Firefox3.6Unbekannt4+Unbekannt
IE7Nein8Fast9Unbekannt
Opera11Unbekannt12Unbekannt
1+Unbekannt
Safari4Unbekannt5Unbekannt
content

Werte: normal, none, Text, url(), counter(), attr(), open-quote, close-quote, no-open-quote, no-close-quote

Innerhalb von :before oder :after kamm mit der Eigenschaft content beliebiger Inhalt hinzugefügt werden. Je nach Browser kann mit content auch der Inhalt des Elements überschreiben werden.

quotes: Zitatzeichen festlegen

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unbekannt
Safari4Unbekannt5Unbekannt
quotes

Werte: Angabe der Zitatzeichen, none

Legt die verwendeten Zitatzeichen fest. Diese können dann mithilfe von content ausgegeben werden.

counter-reset: Counter zurücksetzen

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
counter-reset

Werte: Countername und (optional) Zählerstand, none

Setzt den Zählerstand eines Counters, ohne Angabe eines Counterstandes wird der Counter auf 0 gesetzt.

counter-increment: Counter erhöhen

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
counter-increment

Werte: Countername und (optional) Zahlenwert, none

Erhöht den Counter um den angegebenen Wert, oder um 1 wenn kein Wert angegeben wurde.


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "CSS Referenz: Generierte Inhalte" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz: Generierte Inhalte" hier bearbeiten.

Mitarbeiter