Función round() de CSS
- Página anterior Función rotateZ() de CSS
- Página siguiente Función saturate() de CSS
- Volver a la capa superior Manual de funciones 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); }
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:
|
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
- Página anterior Función rotateZ() de CSS
- Página siguiente Función saturate() de CSS
- Volver a la capa superior Manual de funciones CSS