Propriété CSS font-variant-numeric

❮ Précédent Suivant ❯

La propriété font-variant-numeric contrôle l'usage des glyphs alternatifs pour des nombres, fractions et fabrivants ordinaux.

Valeur initiale	normal
Appliquée à	Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée	Oui.
Animable	Distincte.
Version	CSS3
Syntaxe DOM	object.style.fontVariantNumeric = "slashed-zero";

Syntaxe

font-variant-numeric: normal | <numeric-figure-values> | <numeric-spacing-values> | <numeric-fraction-values> | ordinal | slashed-zero;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document </title>
    <style>
      .p1 {
      font-variant-numeric: oldstyle-nums;
      }
      .p2 {
      font-variant-numeric: diagonal-fractions;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-variant-numeric</h2>
    <p class="p1">001528931</p>
    <p class="p2">952321313500</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
normal	L'usage des glyphs alternatifs n'est pas permis.
<numeric-figure-values>	Contrôle les figures qui sont utilisés pour les nombres.
<numeric-spacing-values>	Contrôle la dimension des figures qui sont utilisés pour les nombres.
<numeric-fraction-values>	Contrôle les glyphs qui sont utilisés pour les fractions.
ordinal	Force l'usage des glyphs spécials pour les fabricants ordinaux, tels que 1st, 2nd, 3rd. Cela correspond aux valeurs OpenType ordn.
slashed-zero	Force l'usage de 0 avec un slash. Cela est requis, quand O et 0 ne se différencient pas. Cela correspond aux valeurs OpenType zero.
initial	Définit la valeur initiale.
inherit	Hérite la propriété de l'élément parent.