CSS round() functie

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);
}

Probeer het zelf

CSS syntaxis

round(rounding-strategy, valuetoround, roundinginterval)
waarde beschrijving
rounding-strategy

optioneel. Specificeer de afrondingsstrategie. Dit kan een van de volgende waarden zijn:

  • nearest: Standaardwaarde. Rond de waarde van valuetoround af naar het dichtstbijzijnde meervoud van roundinginterval
  • up: Rond de waarde van valuetoround af naar het dichtstbijzijnde meervoud van roundinginterval
  • down: Rond de waarde van valuetoround af naar het dichtstbijzijnde meervoud van roundinginterval
  • to-zero: Rond de waarde van valuetoround af naar het dichtstbijzijnde meervoud van roundinginterval, dichter bij nul
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