Content (proprit CSS)

Insre du contenu (du texte, un caractre spcial, un numro, un son, etc...) dans le document, avant ou aprs un lment. Content ne s'applique que sur les pseudo-lments :Before et :After.

Voir aussi les proprits Quotes, Counter-Increment et Counter-Reset.

Valeurs pour Content.

NoneN'insre rien.
"Texte"Insre le texte spcifi entre guillemets ou entre apostrophes.
URL( [Url] )Insre le contenu trouv l'adresse Url indique. Il peut s'agir d'un fichier HMTL, d'une image, d'un son, etc...
Open-QuoteInsre le guillemet ouvrant dfini par la proprit Quotes et incrmente le niveau d'imbrication des guillemets.
Close-QuoteInsre un guillemet fermant dfini par la proprit Quotes et dcrmente le niveau d'imbrication des guillemets.
No-Open-QuoteN'insre rien mais incrmente le niveau de guillemets.
No-Close-QuoteN'insre rien mais dcrmente le niveau de guillemets.
Attr( [Nom] )Insre la valeur de l'attribut dont le nom est spcifi.
Counter( [Nom] )Insre la valeur du compteur spcifi en le formatant en dcimal.
Counter( [Nom],
   List-Style-Type )
Insre la valeur du compteur spcifi dans le format indiqu.
Les diffrents formats reconnus sont dcrits avec la proprit List-Style-Type.
Counter( [Nom], [String] ).
Counter( [Nom], [String], list-style-type ).
InheritMme action que celle de l'lment parent.

Exemples.

P:Before {Content: "<<";}
P:After {Content: ">>";}

Chaque paragraphe commence par 2 caractres "Plus petit que" et se termine par 2 caractres "Plus grand que".

P:Before {Content: Url(content-1.gif) " - ";}

Chaque paragraphe commence par une image suivie d'un court texte (un tiret).

IMG:After {Content: " " Attr(Src);}

Chaque image est suivie de son adresse.

Vieille femme ou jeune fille ?

Deux ou trois piliers ?

Des exemples d'insertion de guillemets sont donns avec la proprit Quote. Pour des exemples d'insertion de compteurs, reportez-vous la proprit Counter-Increment.

Pour toute utilisation des informations de cette page, reportez vous au copyright