Font Variant Numeric

Kawal varian nombor fon

Sintaks

visual="[variant-value]"

Nilai

Nilai	CSS Output	Huraian
normal-nums	font-variant-numeric: normal	Nombor biasa
ordinal	font-variant-numeric: ordinal	Penanda ordinal
slashed-zero	font-variant-numeric: slashed-zero	Sifar bergaris
lining-nums	font-variant-numeric: lining-nums	Nombor garis
oldstyle-nums	font-variant-numeric: oldstyle-nums	Nombor gaya lama
proportional-nums	font-variant-numeric: proportional-nums	Nombor proporsional
tabular-nums	font-variant-numeric: tabular-nums	Nombor tabular

Contoh

<span visual="tabular-nums">123,456.00</span>

Pratonton

Varian Nombor Fon

visual="tabular-nums" - Kawal paparan nombor

123,456.00

0123

1st 2nd 3rd

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small tabular-nums text-size:big">123,456.00</div>
  <div space="p:small" visual="bg:success text:white rounded:small slashed-zero text-size:big">0123</div>
  <div space="p:small" visual="bg:warning text:black rounded:small ordinal text-size:big">1st 2nd 3rd</div>
</div>