CSS round() 函数

定义和用法

CSS 的 round() 函数根据指定的舍入策略,将数字舍入为最接近的舍入间隔的整数倍。

实例

使用 round() 根据指定的舍入策略,将数字舍入为最接近的舍入间隔的整数倍:

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

亲自试一试

CSS 语法

round(rounding-strategy, valuetoround, roundinginterval)
描述
rounding-strategy

可选。指定舍入策略。可以是以下值之一:

  • nearest:默认值。将 valuetoround 值舍入为最接近的 roundinginterval 的整数倍
  • up:将 valuetoround 值向上舍入为最接近的 roundinginterval 的整数倍
  • down:将 valuetoround 值向下舍入为最接近的 roundinginterval 的整数倍
  • to-zero:将 valuetoround 值舍入为最接近的 roundinginterval 的整数倍,且更接近零
valuetoround Inayohitajika. Wapato inayotusaidia kutosha (namba, nishati, ukubwa ama ujumbe wa sayari).
roundinginterval Inayohitajika. Kutosha kwa muda wa kutosha (namba, nishati, ukubwa ama ujumbe wa sayari).

Vifaa ya kidokezo

Revisiyoni: CSS4

Tunza kwa browser

Maneno ya kati ya tabia zinaonyesha revisiyoni ya kwanza ambazo zinaonyesha kufikia kufikia kwa funᵗʰi hiyo.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Makutano ya mawasiliano

Tafutaji:CSS acos() funᵗʰi

Tafutaji:CSS asin() funᵗʰi

Tafutaji:CSS atan() funᵗʰi

Tafutaji:CSS atan2() funᵗʰi

Tafutaji:CSS calc() funᵗʰi

Tafutaji:CSS cos() funᵗʰi

Tafutaji:CSS exp() funᵗʰi

Tafutaji:CSS hypot() funᵗʰi

Tafutaji:Funknzi ya log() katika CSS

Tafutaji:Funknzi ya mod() katika CSS

Tafutaji:Funknzi ya pow() katika CSS