Le type de donnée CSS <string> représente une chaîne de caractères. En CSS, les chaînes de caractères sont présentes dans de nombreuses propriétés comme content, font-family et quotes.

Syntaxe

Une chaîne de caractères CSS est formée d'un ou plusieurs caractères Unicode délimités par des quotes (') ou des doubles quotes ("). Une chaîne délimitée par des doubles quotes ne peut pas contenir de double quotes à moins qu'elles soient échappées à l'aide d'une barre oblique inversée (\). Le même principe s'applique aux chaînes délimitées par des quotes simples, qui ne peuvent contenir de quotes simples sans qu'elles soient échappés à l'aide d'une barre oblique inversée (\).

Le caractère barre oblique inversée doit être échappé afin de faire partie d'une chaîne de caractère.

Les nouvelles lignes ne sont pas acceptées, sauf si elles sont échappées à l'aide d'un caractère de saut de ligne tel que \A ou \00000a. Toutefois, des chaînes de caractères peuvent s'étendre sur plusieurs lignes. Dans ce cas, il est possible de couper la chaîne en plusieurs lignes en utilisant une barre oblique inversée (\) comme dernier caractère de chaque ligne.

Les caractères peuvent être décrits en utilisant leur point de code Unicode hexadécimal, qui doit alors être échappé à l'aide du caractère \. \27 représente par exemple le guillemet droit simple (') et \A9 le symbole du copyright ©.

Note : Les entités telles que &nbsp; ou &#8212; ne peuvent pas être utilisées pour les chaînes de caractères CSS.

Exemples

"Chaîne avec des guillemets doubles"
"Chaîne avec plusieurs \" guillemets doubles"
'Chaîne avec des guillemets simples'
'Chaîne avec plusieurs \' guillemets simples'

"Chaîne avec une \Anouvelle ligne"

"Une grande chaîne \
de caractères"
"Une grande chaîne de caractères"
Note : on peut également échapper des doubles quotes avec \22 et les simples quotes avec \27.

Spécifications

Spécification État Commentaires
CSS Values and Units Module Level 3 Candidat au statut de recommandation Aucune modification significative depuis CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1) Recommendation Définition explicite. Les valeurs Unicode échappées sur 6 chiffres sont autorisées.
CSS Level 1 Recommendation Définition implicite. Les valeurs Unicode échappées sur 4 chiffres sont autorisées.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 Oui1 Oui Oui1
Unicode escaped characters (\xx)1 Oui16 Oui1
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui Oui Oui Oui Oui Oui Oui
Unicode escaped characters (\xx) Oui Oui Oui Oui Oui Oui Oui

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, fscholz, teoli, FredB, ThePrisoner
Dernière mise à jour par : SphinxKnight,