CSS content Eigenschaft
- Vorherige Seite @container
- Nächste Seite counter-increment
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) ")"; }
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 |
- Vorherige Seite @container
- Nächste Seite counter-increment