Hopp til hovedinnhold

I dagens CSS skal vi se på tabular-nums egenskapen til font-variant-numeric

Dette er en CSS regel jeg lærte nylig om, men jeg syns den var nyttig og tenkte flere kunne ha nytte av det. Med font-variant-numeric kan man velge å bruke andre glyfer for tall, brøk og desimaler. Dette kan for eksempel være nyttig om man vil ha en spesiell stil for tall i en tabell hvor alle tall skal være like lange uavhengig av hvilke tall som er brukt. Dette kan man løse med tabular-nums.

font-variant-numeric: tabular-nums;

Vær obs på at fonten du bruker må også støtte slike alternative glyfer. Det finnes flere verdier man kan skrive her, så jeg anbefaller å sjekke ut MDN siden til font-variant-numeric. Denne regelen er også veldig godt støttet så det er bare å ta i bruk.

Relevante lenker anbefalt av forfatteren

Liker du innlegget?

Del gjerne med kollegaer og venner