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
