Ponctuation et CSS content

La propriété content en CSS permet de composer du texte via le langage CSS. Cette propriété est assez bien supportée par les navigateurs actuels car même Internet Explorer 8 est en mesure de la comprendre.

Seulement voilà, on peut parfois se retrouver bien embêté à l’utilisation de content car certains caractères, liés à la ponctuation, ne sont pas correctement encodés dans les feuilles de style. Il faut en réalité utiliser la valeur Unicode de ces caractères si l’on souhaite les voir s’afficher avec les sélecteurs :before et :after.

Les valeurs Unicode ont pour particularité de toujours commencer par un antislash. Ci-dessous un tableau non exhaustif des caractères liés à la typographie et la ponctuation et leur équivalence en langage HTML, ASCII et Unicode.