CSS content egenskap

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) ")";
  }

Prova själv

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