CSS content egenskap
- föregående sida @container
- nästa sida counter-increment
Definition och användning
content-attribut används tillsammans med :before och :after-pseudoelement för att infoga genererat innehåll.
Förklaring
Egenskapen används för att definiera det genererade innehållet som placeras före eller efter ett element. Som standard är detta ofta inre innehåll, men typen av ram som innehållet skapar kan kontrolleras med egenskapen display.
Se också:
CSS referenshandbok:CSS :before pseudoelement
CSS referenshandbok:CSS :after pseudoelement
HTML DOM referenshandbok:content-attribut
Exempel
Följande exempel lägger till URL:er i parenteser efter varje länk:
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;
Attributvärde
Värde | Beskrivning |
---|---|
none | |
normal | |
content specifications | |
inherit | Detaljerar att content-attributts värdet bör härledas från föräldrelementet. |
Tekniska detaljer
Standardvärde: | normal |
---|---|
Arvsförmåga: | nej |
Version: | CSS2 |
JavaScript-syntax: | object.style.content="url(beep.wav)" |
Webbläsarstöd
Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- föregående sida @container
- nästa sida counter-increment