CSS content eigenschap
- vorige pagina @container
- volgende pagina counter-increment
definitie en gebruik
De content eigenschap wordt samen met de pseudo-elementen :before en :after gebruikt om gecreëerde content in te voegen.
uitleg
Deze eigenschap wordt gebruikt om gecreëerde content voor of achter een element te plaatsen. Standaard is dit vaak inlined content, maar het soort box dat de content maakt kan worden bestuurd met de eigenschap display.
zie ook:
CSS referentiemanual:CSS :before pseudoelement
CSS referentiemanual:CSS :after pseudoelement
HTML DOM referentiemanual:content eigenschap
voorbeeld
De volgende voorbeeld voegt achter elke link een haakjes-gevulde URL in:
a:after
{
content: " (" attr(href) ")";
}
CSS syntaxis
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
eigenschapswaarde
| waarde | beschrijving |
|---|---|
| geen | |
| normaal | |
| content specificaties | |
| inherit | Het wordt voorgesteld dat de waarde van de content-eigenschap van het ouder-element wordt geërfd. |
technische details
| standaardwaarde: | normaal |
|---|---|
| inheritantie: | nee |
| versie: | CSS2 |
| JavaScript syntaxis: | object.style.content="url(beep.wav)" |
browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- vorige pagina @container
- volgende pagina counter-increment
