Własność CSS font-variant-numeric

Własność CSS font-variant-numeric umożliwia wybór zestawów znaków numerycznych, takich jak różne rodzaje cyfr, ułamków, liczb porządkowych, czy zera.

Przykład

Poniżej znajduje się prosty przykład użycia własności font-variant-numeric w celu wyboru znaków numerycznych w starym stylu:

p {
  font-variant-numeric: oldstylenums;
}

Wartości i składnia

Własność font-variant-numeric jako wartość przyjmuje słowo kluczowe normal albo od jednej do pięciu wartości z następujących kategorii (maksymalnie po jednej z każdej z nich):

• normal – żadna z poniższych opcji nie jest włączona
• Znaki cyfr – lining-nums (cyfry liniowe), oldstyle-nums (cyfry nautyczne)
• Odstępy między cyframi – proportional-nums (cyfry proporcjonalne), tabular-nums (cyfry tabelaryczne)
• Ułamki – diagonal-fractions (licznik i mianownik są pomniejszone i rozdzielone ukośną kreską), stacked-fractions (licznik i mianownik są pomniejszone i rozdzielone poziomą kreską)
• ordinal – liczby porządkowe
• slashed-zero – zero przekreślone

Zastosowanie

Własność CSS font-variant-numeric ma zastosowanie do wszystkich elementów HTML.

Podsumowanie