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

round(rounding-strategy, valuetoround, roundinginterval)

值	描述
rounding-strategy	可選。指定舍入策略。可以是以下值之一： nearest：默認值。將 valuetoround 值舍入為最接近的 roundinginterval 的整數倍 up：將 valuetoround 值向上舍入為最接近的 roundinginterval 的整數倍 down：將 valuetoround 值向下舍入為最接近的 roundinginterval 的整數倍 to-zero：將 valuetoround 值舍入為最接近的 roundinginterval 的整數倍，且更接近零
valuetoround	必需。要舍入的值（數字、百分比、尺寸或數學表達式）。
roundinginterval	必需。舍入間隔（數字、百分比、尺寸或數學表達式）。

值

描述

rounding-strategy

可選。指定舍入策略。可以是以下值之一：

valuetoround

必需。要舍入的值（數字、百分比、尺寸或數學表達式）。

roundinginterval

必需。舍入間隔（數字、百分比、尺寸或數學表達式）。

版本：	CSS4

表格中的數字表示首個完全支持該函數的瀏覽器版本。

Chrome	Edge	Firefox	Safari	Opera
125	125	118	15.4	111