Funzione round() CSS

Definizione e uso

CSS round() La funzione arrotonda i numeri al più vicino multiplo dell'intervallo di arrotondamento secondo la strategia specificata.

Esempio

Usa round() Arrotonda il numero secondo la strategia di arrotondamento specificata per il più vicino multiplo dell'intervallo di arrotondamento:

div.box2 {
  height: round(up, 105px, 25px);
}
div.box3 {
  height: round(down, 120px, 25px;
}
div.box4 {
  height: round(to-zero, 115px, 25px);
}

Prova personalmente

Sintassi CSS

round(rounding-strategy, valuetoround, roundinginterval)
Valore Descrizione
rounding-strategy

Opzionale. Specifica la strategia di arrotondamento. Può essere uno dei seguenti valori:

  • nearest: Valore predefinito. Arrotonda il valore valuetoround al più vicino multiplo dell'intervallo di arrotondamento
  • up: Arrotonda il valore valuetoround al più vicino multiplo dell'intervallo di arrotondamento
  • down: Arrotonda il valore valuetoround al più vicino multiplo dell'intervallo di arrotondamento
  • to-zero: Arrotonda il valore valuetoround al più vicino multiplo dell'intervallo di arrotondamento e più vicino a zero
valuetoround Obbligatorio. Valore da arrotondare (numero, percentuale, dimensione o espressione matematica).
roundinginterval Obbligatorio. Intervallo di arrotondamento (numero, percentuale, dimensione o espressione matematica).

Dettagli tecnici

Versione: CSS4

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione per la prima volta.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() CSS

Riferimento:Funzione atan() CSS

Riferimento:Funzione atan2() CSS

Riferimento:Funzione calc() CSS

Riferimento:Funzione cos() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione mod() CSS

Riferimento:Funzione pow() CSS