Hier bist Du: Home « Pseudo-Elemente « :before, :after

Vor und nach einem Element: :before, :after

Beispiel

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 Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5-7 8 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
  n j j j j j n j j j j j j