Recomendação de curso:

Função round() do CSS

Definição e uso do CSS round() A função arredonda o número para o múltiplo mais próximo do intervalo de arredondamento especificado.

Exemplo

Usar round() Arredonde o número para o múltiplo mais próximo do intervalo de arredondamento especificado:

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

Experimente você mesmo

Sintaxe do CSS

round(rounding-strategy, valuetoround, roundinginterval)
Valor Descrição
rounding-strategy

Opcional. Especifique a estratégia de arredondamento. Pode ser um dos seguintes valores:

  • nearest: Valor padrão. Arredonde o valor valuetoround para o múltiplo mais próximo do roundinginterval
  • up: Arredonde o valor valuetoround para o múltiplo mais próximo do roundinginterval para cima
  • down: Arredonde o valor valuetoround para o múltiplo mais próximo do roundinginterval para baixo
  • to-zero: Arredonde o valor valuetoround para o múltiplo mais próximo do roundinginterval e mais próximo de zero
valuetoround Obrigatório. O valor a arredondar (número, porcentagem, tamanho ou expressão matemática).
roundinginterval Obrigatório. Intervalo de arredondamento (número, porcentagem, tamanho ou expressão matemática).

Detalhes técnicos

Versão: CSS4

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente a função pela primeira vez.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Páginas relacionadas

Referência:Função acos() do CSS

Referência:Função asin() do CSS

Referência:Função atan() do CSS

Referência:Função atan2() do CSS

Referência:Função calc() do CSS

Referência:Função cos() do CSS

Referência:Função exp() do CSS

Referência:Função hypot() do CSS

Referência:A função CSS log()

Referência:A função CSS mod()

Referência:A função CSS pow()