@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...), sauf s'il y la propriété content, ou la fonction symbols() sont utilisées.

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.

Exemples de syntaxe (à l'heure actuelle, vous utilisez probablement "utf-8") :

@charset "utf-8"; @charset "iso-8859-15";

Comment écrire des caractères spéciaux ?

Si on doit, pour les besoins de la propriété content par exemple, é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 code 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 des codes de caractères 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.

Compatibilité des navigateurs avec la directive @charset.

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

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Samsung Internet

Chrome

Edge

Chrome pour Androïd

Androïd Brower

Firefox pour Androïd

Firefox

KaiOS Browser

Opéra

Safari

Safari sur IOS

Opéra mini

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

Évolution de la directive @charset.

  • CSS 2.1 - Spécification concernant les feuilles de styles en cascade - Révision 1

    Ce niveau 2 de la spécification décrit le mécanisme des styles en cascade de CSS. Ce langage est utilisé pour formater les documents HTML ou XML. Il prend en charge les feuilles de style spécifiques aux médias afin que les auteurs puissent adapter la présentation de leurs documents aux navigateurs visuels, aux dispositifs auditifs, aux imprimantes, aux appareils braille, aux appareils portables, etc.

    Concernant @charset Introduction de la directive @charset.
    WD
    04 Novembre 1997
    Document de travail.
    PR
    24 Mars 1998
    Proposé à la recommandation.
    REC
    11 Mai 1998
    Recommandation.