Menu Samaritan's Purse

FONT-VARIANT-NUMERIC

The font-variant-numeric property specifies control over numerical forms.

SYNTAX

CSS

font-variant-numeric: value;

JS

object.style.fontVariantNumeric = "value";

VALUES

<'font-variant-numeric'> = normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
normal

None of the features are enabled.

<numeric-figure-values> = [ lining-nums | oldstyle-nums ]
lining-nums

Enables display of lining numerals.

oldstyle-nums

Enables display of old-style numerals.

<numeric-spacing-values> = [ proportional-nums | tabular-nums ]
proportional-nums

Enables display of proportional numerals.

tabular-nums

Enables display of tabular numerals.

<numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ]
diagonal-fractions

Enables display of lining diagonal fractions.

stacked-fractions

Enables display of lining stacked fractions.

ordinal

Enables display of letter forms used with ordinal numbers.

slashed-zero

Enables display of slashed zeros.

INITIAL

normal

EXAMPLES

NUMERIC-FIGURE-VALUES | LINING-NUMS

NUMERIC-FIGURE-VALUES | OLDSTYLE-NUMS

NUMERIC-FRACTION-VALUES | DIAGONAL-FRACTIONS

NUMERIC-FRACTION-VALUES | STACKED-FRACTIONS

NUMERIC-SPACING-VALUES | PROPORTIONAL-NUMS

NUMERIC-SPACING-VALUES | TABULAR-NUMS

NORMAL

ORDINAL

SLASHED-ZERO

JS

World Wide Web Consortium (W3C)