CSS content Eigenschaft

Definition und Verwendung

Die content-Eigenschaft wird zusammen mit den Pseudo-Elementen :before und :after verwendet, um generierte Inhalte einzufügen.

Erklärung

Diese Eigenschaft wird verwendet, um generierte Inhalte vor oder nach einem Element zu platzieren. Standardmäßig ist dies oft inline-Inhalte, aber der Typ des由此创建的 Rahmens kann durch die Eigenschaft display gesteuert werden.

Siehe auch:

CSS Referenzhandbuch:CSS :before Pseudo-Element

CSS Referenzhandbuch:CSS :after Pseudo-Element

HTML DOM Referenzhandbuch:content-Eigenschaft

Beispiel

Der folgende Beispiel fügt nach jedem Link in Klammern die URL ein:

a:after
  {
  content: " (" attr(href) ")";
  }

Versuchen Sie es selbst

CSS-Syntax

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Eigenschaftswerte

Werte Beschreibung
none  
normal  
content specifications  
inherit Es wird vorgeschrieben, dass der Wert der content-Eigenschaft vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: normal
Vererbbarkeit: nein
Version: CSS2
JavaScript-Syntax: object.style.content="url(beep.wav)"

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0