@charset - Directive CSS

@charset

Résumé des caractéristiques de la directive @charset

Description rapide
Indique le jeu de caractères utilisé dans la feuille de styles.
Statut
Standard
Module W3C
CSS 2.1 - Spécification concernant les feuilles de styles en cascade - Révision 1
Références (W3C)
Statut du document: REC (recommandation)

Description de la directive @charset.

@charset définit le jeu de caractères utilisé dans le feuille de styles. Cette directive est facultative car les mots clés du CSS ne contiennent pas de caractères diacritiques (accents, cédilles...). Elle peut cependant être utile si la propriété CSS content est utilisée.

La syntaxe de la directive @charset est pointilleuse :

  • @charset doit se trouver au tout début de la feuille de styles, sans être précédée d'aucun caractères, même pas un espace ou un saut de ligne.
  • Il doit y avoir un espace et un seul entre le mot @charset et le nom du jeu de caractères. Pas de caractère deux points contrairement à l'habitude en CSS.
  • Le jeu de caractères doit être inscrit entre guillemets. Les apostrophes ne sont pas admis, contrairement à la syntaxe habituelle de CSS.

Exemple de syntaxe :

@charset "utf-8";

Comment écrire des caractères spéciaux.

Si on doit, pour les besoins de la propriété content écrire des caractères spéciaux dans le CSS, il faut connaître leur code hexadécimal (voyez pour cela notre outil de recherche de caractères). Inscrivez ensuite le dans dans le CSS avec la syntaxe suivante :

content: '\A9 '; /* pour © */ content: '\B1 '; /* pour ± */ content: '\C6 '; /* pour Æ */ content: '\260E '; /* pour ☎ */ Etc.

Les entités HTML ne fonctionne pas en CSS.

Attention ! Si vous écrivez le style dans la page HTML, seuls les 255 premiers caractères seront utilisables (de 00 à FF).
Dans la feuille de styles, touts les caractères sont utilisables, à condition que l'instruction @charset "utf-8"; soit bien présente en début de la feuille.

Prise en charge par les navigateurs (compatibilité).

Aucun problème de compatibilité n'est à signaler concernant la directive @charset.

Colonne 1
Traitement correct par les navigateurs de la directive @charset permettant de définir le jeu de caractères de la feuille de styles.
1
Directive
@charset
Estimation de la prise en charge globale.
96%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

QQ Browser

Safari sur IOS

Firefox pour Androïd

Opéra Mobile

Baidu Browser

KaiOS Browser

UC Browser pour Androïd

Opéra

Safari

Firefox

Chrome pour Androïd

Samsung Internet

Chrome

Edge

Androïd Brower

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Évolution de la directive @charset.