CSS round() funktion

Definition och användning

CSS round() Funktionen ronderar numret till närmaste multipel av det specificerade roundinginterval enligt den angivna rundingstrategin.

Exempel

Använd round() Runda numret till närmaste multipel av det specificerade roundinginterval enligt den angivna rundingstrategin:

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

Prova själv

CSS syntax

round(rounding-strategy, valuetoround, roundinginterval)
Värde Beskrivning
rounding-strategy

Valgfri. Ange rundingstrategi. Kan vara något av följande värden:

  • nearest: Standardvärde. Runda valuetoround-värdet till närmaste multipel av roundinginterval
  • up: Runda valuetoround-värdet uppåt till närmaste multipel av roundinginterval
  • down: Runda valuetoround-värdet nedåt till närmaste multipel av roundinginterval
  • to-zero: Runda valuetoround-värdet till närmaste multipel av roundinginterval och närmast noll
valuetoround Obligatorisk. Värdet att runda (tal, procent, storlek eller matematiskt uttryck).
roundinginterval Obligatorisk. Roundinginterval (tal, procent, storlek eller matematiskt uttryck).

Tekniska detaljer

Version: CSS4

Webbläsarstöd

Talen i tabellen representerar den första webbläsarversion som helt stöder denna funktion.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion