Función round() de CSS

Definición y uso

CSS round() La función redondea el número al múltiplo más cercano del intervalo de redondeo según la estrategia especificada.

Ejemplo

Usar round() Redondear el número según la estrategia de redondeo especificada al múltiplo más cercano del intervalo de redondeo:

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

Prueba personal

Sintaxis de CSS

round(rounding-strategy, valuetoround, roundinginterval)
Valor Descripción
rounding-strategy

Opcional. Especificar la estrategia de redondeo. Puede ser uno de los siguientes valores:

  • nearest: Valor predeterminado. Redondear el valor de valuetoround al múltiplo más cercano de roundinginterval
  • up: Redondear el valor de valuetoround hacia arriba al múltiplo más cercano de roundinginterval
  • down: Redondear el valor de valuetoround hacia abajo al múltiplo más cercano de roundinginterval
  • to-zero: Redondear el valor de valuetoround al múltiplo más cercano de roundinginterval y más cercano a cero
valuetoround Requerido. Valor a redondear (número, porcentaje, tamaño o expresión matemática).
roundinginterval Requerido. Intervalo de redondeo (número, porcentaje, tamaño o expresión matemática).

Detalles técnicos

Versión: CSS4

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la función por primera vez.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Páginas relacionadas

Referencia:Función acos() de CSS

Referencia:Función asin() de CSS

Referencia:Función atan() de CSS

Referencia:Función atan2() de CSS

Referencia:Función calc() de CSS

Referencia:Función cos() de CSS

Referencia:Función exp() de CSS

Referencia:Función hypot() de CSS

Referencia:Función log() de CSS

Referencia:Función mod() de CSS

Referencia:Función pow() de CSS