Proprietà content CSS

Definizione e uso

L'attributo content viene utilizzato insieme ai pseudo-elementi :before e :after per inserire il contenuto generato.

Spiegazione

Questa proprietà viene utilizzata per definire il contenuto generato posizionato prima o dopo l'elemento. Per impostazione predefinita, questo è spesso contenuto in linea, ma il tipo di riquadro creato dal contenuto può essere controllato con l'attributo display.

Vedi anche:

Manuale CSS:Pseudo-elemento CSS :before

Manuale CSS:Pseudo-elemento CSS :after

Manuale HTML DOM:Attributo content

Esempio

Esempio: inserisce parentesi tonde con l'URL dopo ogni link:

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

Prova a farlo tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
none 　
normal 　
specifiche content 　
inherit Specifica che l'attributo content dovrebbe ereditare il valore dall'elemento genitore.

Dettagli tecnici

Valore predefinito: normal
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.content="url(beep.wav)"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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