Quotes (propriété CSS)

Définit quels sont les caractères à utiliser comme guillemets lorsqu'ils sont générés par la propriété Content.

On peut prévoir des caractères différents pour les guillemets ouvrant et fermant (par exemple « et »). On peut aussi définir des paires de caractères différents pour chaque niveaux d'imbrication de guillemets comme par exemple :


Je cite notre président : "Son discours est une 'couillonade' extraordinaire."
 

Dans cet exemple, des guillemets doubles ( " ) ont été choisis pour le premier niveau et des apostrophes ( ' ) pour le deuxième niveau.

Les caractères couramment utilisés comme guillemets sont les suivants :
 

CaractèreEntité HTMLDescription
''Guillemet simple (apostrophe)
‘Guillemet simple ouvrant
’Guillemet simple fermant
""Guillemet double
“Guillemet double ouvrant
”Guillemet double fermant
<&lt;Symbole inférieur
>&gt;Symbole supérieur
&#8249;Chevron simple gauche
&#8250;Chevron simple droite
«&#171;Chevron double gauche
»&#187;Chevron double droite

Voir aussi la propriété Content.

Valeurs pour Quotes.

NoneLa propriété Content ne génère aucun caractères pour Open-Quote et Close-Quote.
"Car" "Car" Une paire de caractères qui définit le guillemet ouvrant et le guillemet fermant. Si une deuxième paire de caractères est spécifiée, elle définit les guillemets de deuxième niveau et ainsi de suite.
InheritMêmes valeurs que celles de l'élément parent.

Exemples.

Q {Quotes: "«" "»" '"' '"';}
Q:Before {Content:Open-Quote}
Q:After {Content:Close-Quote}

Dans le code HTML ci-après, les balises <q> servent à marquer l'emplacement des guillemets automatiques générés par la propriété Content.

<p>Je cite notre président : <q>Son discours est une <q>couillonade</q> extraordinaire.</q></p>

Le résultat est :

Je cite notre président : Son discours est une couillonade extraordinaire.

Chaque paragraphe commence par un guillemet ouvrant. Comme il n'est pas nécessaire d'ajouter un guillemet à la fin, la valeur No-Close-Quote est insérée pour éviter l'incrémentation sans fin du niveau d'imbrication.

P:Before {Content: Open-Quote;}
P:After {Content: No-Close-Quote;}

Premier paragraphe.

Deuxième paragraphe.

Troisième paragraphe.

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