Функция round() CSS

Определение и использование

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

Связанные страницы

См. также:Функция acos() CSS

См. также:Функция asin() CSS

См. также:Функция atan() CSS

См. также:Функция atan2() CSS

См. также:Функция calc() CSS

См. также:Функция cos() CSS

См. также:Функция exp() CSS

См. также:Функция hypot() CSS

См. также:Функция log() в CSS

См. также:Функция mod() в CSS

См. также:Функция pow() в CSS