CSS round() funktion

Definition og brug

CSS round() Funktionen runder tal afhængigt af den specificerede rundingstrategi til nærmeste multiplum af rundinginterval.

Eksempel

Brug round() Runder tal afhængigt af den specificerede rundingstrategi til nærmeste multiplum af rundinginterval:

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

Prøv det selv

CSS syntaks

round(rounding-strategy, valuetoround, roundinginterval)
Værdi Beskrivelse
rounding-strategy

Valgfri. Angiv rundingstrategi. Kan være en af følgende værdier:

  • nearest: Standardværdi. Runder valuetoround værdien af til nærmeste multiplum af roundinginterval
  • up: Runder valuetoround værdien op til nærmeste multiplum af roundinginterval
  • down: Runder valuetoround værdien ned til nærmeste multiplum af roundinginterval
  • to-zero: Runder valuetoround værdien af til nærmeste multiplum af roundinginterval og nærmest nul
valuetoround Obligatorisk. Værdi, der skal runderes (tal, procent, mål eller matematisk udtryk).
roundinginterval Obligatorisk. Roundinginterval (tal, procent, mål eller matematisk udtryk).

Tekniske detaljer

Version: CSS4

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter funktionen.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Relaterede sider

Reference:CSS acos() funktion

Reference:CSS asin() funktion

Reference:CSS atan() funktion

Reference:CSS atan2() funktion

Reference:CSS calc() funktion

Reference:CSS cos() funktion

Reference:CSS exp() funktion

Reference:CSS hypot() funktion

Reference:CSS log() funktion

Reference:CSS mod() funktion

Reference:CSS pow() funktion