Attribut content CSS

Définition et utilisation

L'attribut content est utilisé avec les pseudo-éléments :before et :after pour insérer du contenu généré.

Explication

Cette propriété est utilisée pour définir le contenu généré placé avant ou après un élément. Par défaut, cela est souvent du contenu en ligne, mais le type de boîte créé par ce contenu peut être contrôlé par l'attribut display.

Voir également :

Manuel de référence CSS :élément de pseudo :before CSS

Manuel de référence CSS :élément de pseudo :after CSS

Manuel de référence HTML DOM :Attribut content

Exemple

L'exemple suivant insère des parenthèses autour de l'URL dans chaque lien :

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

Essayez-le vous-même

Syntaxe CSS

content: normal|aucun|compteur|attr|chaîne|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|hérité;

Valeur de l'attribut

Valeur Description
aucun 　
normal 　
spécifications de contenu 　
hérité Il est prescrit que la valeur de l'attribut content soit héritée de l'élément parent.

Détails techniques

Valeur par défaut : normal
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.content="url(beep.wav)"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété entièrement.

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