content - de complete CSS-referentie
Definitie
Voegt gegenereerde inhoud toe voor of na een element.
|
Wordt gebruikt in combinatie met de :before en :after pseudo-elementen. Opera is de enige browser die gebruik van content toestaat voor alle elementen. |
Mogelijke waarden
| none | Voegt geen gegenereerde inhoud toe. |
| normal | Zelfde als none. |
| string | Tekst om weer te geven. Moet tussen dubbele aanhalingstekens geplaatst worden. HTML-code werkt niet. |
| url(URL) | Geef een externe bron weer, zoals een afbeelding. |
| open-quote | Geeft een openend aanhalingsteken weer. Standaard is dit ". Kan gewijzigd worden met quotes. |
| close-quote | Geeft een sluitend aanhalingsteken weer. Standaard is dit ". Kan gewijzigd worden met quotes. |
| no-open-quote | Geeft geen openend aanhalingsteken weer, maar verhoogt wel het nesting-niveau van de quotes-eigenschap. |
| no-close-quote | Geeft geen sluitend aanhalingsteken weer, maar verlaagt wel het nesting-niveau van de quotes-eigenschap. |
| attr(ATTRIBUUT) | Geeft de waarde weer van het opgegeven attribuut uit de HTML-tag waar content op wordt toegepast. Zie het voorbeeld onderaan de pagina. |
| counter(NAAM, STYLE) | Geeft huidige waarde van de opgegeven counter weer. STYLE is optioneel en bepaalt de stijl van nummering. Hiervoor kunnen de genummerde stijlen van list-style-type gebruikt worden. |
| counters(NAAM, STRING, STYLE) | Geeft huidige waarde van alle opgegeven counters weer. De counters in NAAM worden van elkaar gescheiden door STRING. STYLE is optioneel en bepaalt de stijl van nummering. Hiervoor kunnen de genummerde stijlen van list-style-type gebruikt worden. |
Overige informatie
| Standaardwaarde |
normal |
| Wordt geërfd? |
nee |
| CSS vanaf versie |
2 |
| Firefox vanaf versie |
3 |
| Internet Explorer vanaf versie |
8 |
Voorbeeld
<<< terug naar de index
