Propriété CSS @charset

Une règle @charset spécifie l'encodage de caractères utilisé dans une feuille de style. Elle est strictement destinée aux feuilles de style externes. Dans les documents HTML, l'encodage des caractères doit être défini à l'aide de la balise <meta charset> à la place. Si plusieurs règles @charset sont présentes, seule la première est reconnue. La règle est ignorée si elle est placée à l'intérieur d'un bloc <style> ou d'un attribut style.

Syntaxe

Syntaxe de la règle CSS @charset

@charset "charset";

Voici comment vous pouvez utiliser @charset dans un code :

Comment utiliser la règle CSS @charset ?

@charset "iso-8859-15";       /* Set the encoding of the style sheet to iso-8859-15 */

Le morceau de code suivant montre les bonnes et les mauvaises façons d'utiliser la règle @charset :

Comment utiliser la règle CSS @charset avec les bonnes et mauvaises méthodes

@charset "UTF-8";       /* Valid: Set the encoding to Unicode UTF-8 */
@charset 'iso-8859-15'; /* Valid: Single quotes are allowed */
@charset  "UTF-8";      /* Valid: Extra whitespace is ignored */
 @charset "UTF-8";      /* Invalid: There is a space before the at-rule */
@charset UTF-8;         /* Invalid: Missing quotes around the value */

Valeurs

La règle @charset n'accepte qu'une valeur de chaîne spécifiant l'encodage de caractères (par exemple, "UTF-8", "iso-8859-1"). Elle ne prend pas en charge les mots-clés initial ou inherit, car il s'agit d'une règle @ et non d'une propriété CSS.

Pratique

Quel est le rôle principal de charset en CSS ?

Définit l'encodage de caractères pour le document HTMLChange la couleur du texte dans un documentTraite de l'aspect du design responsive en CSSDéfinit l'orientation du texte dans un documentDéfinit la langue du fichier CSS