content

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari tous les navigateurs sauf IE - CSS 2

Celui-ci définit le contenu ou la source du contenu à afficher avant et/ou aprés l'élément actuel. Dans le jargon CSS, on appelle contenu généré ce type de contenu. Cette propriété ne se définit que lorsque les pseudo-éléments :before et :after sont associés à un élément.

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é à la propriété content.

Le site babylon-design propose une page illustrant les possibilités offertes par cette propriété (à consulter avec FireFox puisque IE ne reconnait pas encore cette propriété.)

Syntaxe CSS
content: string | uri | counter | attr(attrName) | open-quote | close-quote |
no-open-quote | no-close-quote | inherit
Valeur(s) possible(s) pour cette propriété :

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 de propriété content: .

La valeur counter 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 propriétés 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.

Les compteurs offrent un potentiel important à de longs documents structurés.

Vous pouvez consulter une illustration de l'utilisation des compteurs sur le site ljouanneau.

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.

content
counter-increment
counter-reset
quotes




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu