CSS round() functie
- Vorige pagina CSS rotateZ() functie
- Volgende pagina CSS saturate() functie
- Terug naar de vorige laag CSS Functie Referentiemanual
definitie en gebruik
CSS round()
De functie rondeert een getal af naar het dichtstbijzijnde meervoud van het gespecificeerde afrondingsinterval op basis van de opgegeven afrondingsstrategie.
voorbeeld
Gebruik round()
Rond cijfers af naar het dichtstbijzijnde meervoud van het gespecificeerde afrondingsinterval op basis van de opgegeven afrondingsstrategie:
div.box2 { height: round(up, 105px, 25px); } div.box3 { height: round(down, 120px, 25px; } div.box4 { height: round(to-zero, 115px, 25px); }
CSS syntaxis
round(rounding-strategy, valuetoround, roundinginterval)
waarde | beschrijving |
---|---|
rounding-strategy |
optioneel. Specificeer de afrondingsstrategie. Dit kan een van de volgende waarden zijn:
|
valuetoround | verplicht. De waarde die moet worden afgerond (getal, percentage, maat of wiskundige expressie). |
roundinginterval | verplicht. Rondingsinterval (getal, percentage, maat of wiskundige expressie). |
technische details
versie: | CSS4 |
---|
browserondersteuning
De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
125 | 125 | 118 | 15.4 | 111 |
gerelateerde pagina's
Referentie:CSS acos() functie
Referentie:CSS asin() functie
Referentie:CSS atan() functie
Referentie:CSS atan2() functie
Referentie:CSS calc() functie
Referentie:CSS cos() functie
Referentie:CSS exp() functie
Referentie:CSS hypot() functie
Referentie:CSS log() functie
Referentie:CSS mod() functie
Referentie:CSS pow() functie
- Vorige pagina CSS rotateZ() functie
- Volgende pagina CSS saturate() functie
- Terug naar de vorige laag CSS Functie Referentiemanual