contentNN 6 IE s.o. CSS 2

Hérité: non

Celui-ci définit le contenu ou la source du contenu à afficher avant et/ou l'élément actuel. Dans le jargon CSS, on appelle contenu généré ce type de contenu. Cet attribut ne se définit que lorsque les pseudo-éléments :before et :after sont associés à un élément réel. Par exemple, sur la base de la règle de style suivante:

une phrase de permissions est ajoutée à la fin de chaque élément blockquote, mais le contenu ne devient pas pour autant un membre de l'arborescence de document. Les balises HTML du texte de contenu ne font l'objet d'aucune interprétation; en revanche, si la situation le permet, un document externe peut être attribué à l'attribut content.

 
Syntaxe CSS
  
content: string | uri | counter | attr(attrName) | open-quote | close-quote |
no-open-quote | no-close-quote
 
Valeur

Seules les valeurs ou les types de valeurs suivants sont opérationnels dans Netscape  6: string, open-quote, close-quote, no-open-quote et no-close-quote. Les types de guillemets de type  «  no   » vous permettent de spécifier l'effet de ces guillemets (dans le cadre de l'imbrication des guillemets) sans afficher le symbole de guillemets. Plusieurs chaînes séparées par des espaces peuvent suivre le nom d'attribut content: .

Une autre valeur (counter) n'est pas encore prise en charge par les navigateurs, mais son potentiel est important pour les documents qui pourraient bénéficier de la génération des numéros de section côté client. Un compteur CSS permet à une feuille de style de contrôler les motifs de numérotation pour les séquences d'éléments (sections ou illustrations, par exemple). Cela suppose que la numérotation n'est pas incluse dans le contexte réel, mais qu'elle est uniquement déterminée par le contexte affiché de l'élément dans le document. Par conséquent, si vous supprimez d'un document un paragraphe numéroté au cours de la phase d'édition, la numérotation de paragraphe du document s'ajuste automatiquement lors de l'affichage de la page.

Pour utiliser un compteur, vous devez lui attribuer un identifiant (par conséquent, cette procédure permet la présence de plusieurs compteurs dans un même document, par exemple, un pour les sections, un autre pour les sous-sections). Les autres attributs CSS (counter-increment et counter-reset) exigent des valeurs qui pointent vers un compteur identifié afin de contrôler la séquence de numérotation. La règle de feuille de style suivante insère une étiquette et un numéro de section devant tous les éléments h1, et incrémente le numéro du compteur à chaque fois que le style est appliqué à un élément h1 pendant l'affichage du document:

Si les compteurs sont implémentés dans les navigateurs standard, ils offrent un potentiel important à de longs documents structurés. 

h1:before {counter-increment:secNum;
           content:"Section " counter(secNum) ". "}
 
Valeur initiale

"" (chaîne vide)
 
Exemple
  
p.note:before {content:"==>"}
 
S'applique à 

Tous les éléments accompagnés des pseudo-éléments :before et/ou :after.