CSS content egenskab

Definisjon og bruk

content-egenskapen brukes sammen med :before og :after-pseudoelementer for å sette inn generert innhold.

Beskrivelse

Egenskapen brukes til å definere generert innhold som plasseres før eller etter et element. Som standard er dette ofte inline-innhold, men type boks som innholdet lager kan kontrolleres med egenskapen display.

Se også:

CSS referansehåndboken:CSS :before pseudoelement

CSS referansehåndboken:CSS :after pseudoelement

HTML DOM referansehåndboken:content-egenskapen

Eksempel

Følgende eksempel legger inn URL i parenteser etter hver lenke:

a:after
  {
  content: " (" attr(href) ")";
  }

Prøv det selv

CSS-syntaks

content: normal|none|counter|attr|streng|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
ingen 　
normal 　
content specifications 　
inherit Det er bestemt at content-egenskapen skal arves fra foreldreelementet.

Tekniske detaljer

Standardverdi: normal
Arvbarhet: nei
Versjon: CSS2
JavaScript-syntaks: object.style.content="url(beep.wav)"

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0