Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.
La propriété content est utilisée avec les pseudo-éléments ::before et ::after afin de générer le contenu d'un élément. Les objets insérés via la propriété content sont des éléments remplacés anonymes.
Sur les éléments, le résultat du calcul est toujours normal. Sur ::before et ::after, si normal est spécifié, cela donnera none. Sinon, pour les valeurs d'URI, on aura l'URI absolue ; pour les valeurs attr(), on aura la chaine résultante ; pour les autres mots-clé, ce sera comme spécifié.
Type d'animation
discrète
Ordre canonique
l'ordre unique et non-ambigu défini par la grammaire formelle
Syntaxe
/* Des mots-clés qui ne peuvent pas être mélangés
avec d'autres valeurs */
content: normal;
content: none;
/* Une valeur <string>, les caractères non-latin */
/* doivent être échappées par ex. \00A0 for */
content: 'prefix';
/* Valeurs décrivant une URI */
content: url(https://www.exemple.com/test.png);
/* Valeurs utilisant un compteur */
content: compteur-chapitre;
/* attr() lie à la valeur de l'attribut HTML */
content: attr(value string);
/* Mots-clés dépendant de langue */
/* ou de la position */
content: open-quote;
content: close-quote;
content: no-open-quote;
content: no-close-quote;
/* Sauf avec normal et none, on peut utiliser */
/* plusieurs valeurs de façon simultanée */
content: open-quote chapter_counter;
/* Valeurs globales */
content: inherit;
content: initial;
content: unset;
Valeurs
none
Le pseudo-élément n'est pas généré.
normal
Résulte en none pour les pseudo-éléments :before et :after.
<string>
Contenu sous forme de texte.
<uri> url()
La valeur est l'URI qui désigne une source extérieure (comme une image). Si la ressource ou l'image ne peut être affichée, soit elle est ignorée, soit un texte de remplissage prend la place.
<counter>
[fixme] Les compteurs peuvent être spécifiés grâce à deux fonctions : 'counter()' ou 'counters()'. Le premier possède deux formes : 'counter(name)' ou 'counter(name, style)'. Le texte généré est la valeur du compteur le plus profond possédant un nom donné dans ce pseudo-élément ; il est formaté selon le style indiqué (decimal par défaut). Le second a lui aussi deux formes : 'counters(name, string)' ou 'counters(name, string, style)'. Le texte généré est la valeur de tous les compteurs d'un nom donné dans ce pseudo-élément, depuis le moins profond jusqu'au plus profond séparés par la chaîne définie. Les compteurs sont formatés selon le style indiqué (decimal par défaut). Voir la section sur les compteurs automatiques et sur la numérotation pour plus d'information. Le nom doit être différent de « none », « inherit » ou « initial ». De tels noms font que la déclaration sera ignorée.
attr(X)
Renvoie la valeur de l'attribut X de l'élément comme une chaîne. S'il n'existe pas d'attribut X, une chaîne vide est renvoyée. La sensibilité à la casse du nom de l'attribut dépend du langage utilisé.
open-quote | close-quote
Ces valeurs sont remplacées par la chaîne appropriée de la propriété quotes.
no-open-quote | no-close-quote
N'introduit aucun contenu, mais incrémente (respectivement décrémente) le niveau d'imbrication des citations.
<h1>5</h1>
<p> Commençons par une citation de Sir Tim Berners-Lee,
<q cite="https://www.w3.org/People/Berners-Lee/FAQ.html#Internet">
I was lucky enough to invent the Web at the time when the Internet already existed - and had for a decade and a half.</q> We must understand that there is nothing fundamentally wrong with building on the contributions of others.
</p>
<h1>6</h1>
<p> Citons le manifeste Mozilla
<q cite="https://www.mozilla.org/about/manifesto/">
Internet est une ressource publique mondiale qui doit demeurer ouverte et accessible.
</p>