CSS round() funktion
- Föregående sida CSS rotateZ() funktion
- Nästa sida CSS saturate() funktion
- Åter till föregående nivå CSS function reference manual
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); }
CSS syntax
round(rounding-strategy, valuetoround, roundinginterval)
Värde | Beskrivning |
---|---|
rounding-strategy |
Valgfri. Ange rundingstrategi. Kan vara något av följande värden:
|
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
- Föregående sida CSS rotateZ() funktion
- Nästa sida CSS saturate() funktion
- Åter till föregående nivå CSS function reference manual