Vor und nach einem Element: :before, :after
Die Pseudoelemente :before und :after fügen
vor oder nach einem Element einen beliebigen Inhalt ein, der mit content
angegeben wird.
Hierbei kann es sich um Text, Anführungszeichen, Grafiken und Zähler handeln.
Näheres zu den Inhalten findest du in der Beschreibung der Eigenschaft
content
<style type="text/css"><!--
h1:before{content:"Achtung!";color:#ff0000;}
--></style>
</head>
<body>
<h1>Irgendeine Überschrift,
vor der das Wort "Achtung!" steht</h1>
...
</body>
| Anwendbar auf: | Alle Elemente |
| Werte: | Alle Stylesheet-Angaben |
| Wert | ||||||||||||||
| 5 | 5.5 | 6 | MAC 5+ | 5 | 6 | 7+ | 4 | 6 | 7+ | 1+ | 0.8+ | 1.0+ | 3.3+ | |
| n | n | n | j | j | j | j | n | j | j | j | j | j | j | |