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 必需。要舍入的值（数字、百分比、尺寸或数学表达式）。
roundinginterval 必需。舍入间隔（数字、百分比、尺寸或数学表达式）。

技术细节

版本： CSS4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

相关页面

参考：CSS acos() 函数

参考：CSS asin() 函数

参考：CSS atan() 函数

参考：CSS atan2() 函数

参考：CSS calc() 函数

参考：CSS cos() 函数

参考：CSS exp() 函数

参考：CSS hypot() 函数

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数