Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Directive @charset

@charset est une directive CSS qui indique le jeu de caractères utilisé pour l'écriture de la feuille de styles (ansi, unicode, etc.). Cette information n'est vraiment utile que si du contenu est généré par la propriété content.

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";

Voir aussi...

Ajout de contenu - Propriétés.

  • content : Ajoute du contenu dans le document.
  • counter-increment : Définit le pas d'incrémentation d'un compteur.
  • counter-reset : Initialise un compteur.
  • hanging-punctuation : Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
  • quotes : Caractères utilisés pour les guillemets.

Ajout de contenu - Directives.

Ajout de contenu - Fonctions.

  • attr() : Renvoie la valeur d'un attribut.
  • counter() : Renvoie la valeur actuelle d'un compteur.
  • counters() : Renvoie la valeur d'un compteur hiérarchique.

Polices et caractères - Propriétés.

  • font : Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
  • font-display : Détermine le comportement du navigateur face aux polices de caractères longues à charger.
  • font-family : Définit le nom de la police de caractères.
  • font-feature-settings : Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
  • font-kerning : Ajustement du crénage entre caractères.
  • font-size : Ajuste la taille des caractères.
  • font-size-adjust : Définition du coefficient d'aspect de la police.
  • font-stretch : Modifie l'étirement ou la compression des caractères.
  • font-style : Sélectionne les styles italique ou oblique de la police de caractères.
  • font-synthesis : Autorise ou non le calcul des styles manquants dans la police de caractères.
  • font-variant : Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
  • font-variant-alternates : Met en œuvre la substitution de caractères (polices OTF, WOFF).
  • font-variant-caps : Applique une capitalisation des caractères.
  • font-variant-east-asian : Typographie spécifique aux caractères chinois ou japonais.
  • font-variant-ligatures : Active ou désactive la ligature des caractères.
  • font-variant-numeric : Met en œuvre les modes d'affichage des nombres évolués : fractions, numéros, etc.
  • font-weight : Sélectionne une graisse pour les caractères.
  • text-decoration : Choisit le soulignement, le surlignement ou la rayure du texte.
  • text-decoration-color : Définit la couleur du trait de décoration.
  • text-decoration-line : Type de décoration : souligné, barré, etc.
  • text-decoration-style : Type de trait pour la décoration : plein, pointillé, etc.
  • text-shadow : Ombrage du texte.
  • text-transform : Casse du texte (minuscules, majuscules...).

Polices et caractères - Directives.

  • @font-face : Définit tous les paramètres d'une police de caractères téléchargeable.
  • @font-feature-values : Définit les variantes typographiques à utiliser.