Recommandation de cours :

Fonction round() CSS

Définition et utilisation de CSS round() La fonction arrondit le nombre à la valeur la plus proche multiple de l'intervalle d'arrondi spécifié selon la stratégie d'arrondi spécifiée.

Exemple

Utiliser round() Arrondir le nombre à la valeur la plus proche multiple de l'intervalle d'arrondi spécifié :

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

Essayez-le vous-même

Syntaxe CSS

round(rounding-strategy, valuetoround, roundinginterval)
Valeur Description
rounding-strategy

Optionnel. Spécifier la stratégie d'arrondi. Peut être l'un des valeurs suivantes :

  • nearest : Valeur par défaut. Arrondir la valeur valuetoround à la valeur la plus proche multiple de roundinginterval
  • up : Arrondir la valeur valuetoround à la valeur la plus proche multiple de roundinginterval
  • down : Arrondir la valeur valuetoround à la valeur la plus proche multiple de roundinginterval
  • to-zero : Arrondir la valeur valuetoround à la valeur la plus proche multiple de roundinginterval, et plus proche de zéro
valuetoround Obligatoire. La valeur à arrondir (numérique, pourcentage, dimension ou expression mathématique).
roundinginterval Obligatoire. Intervalle de arrondi (numérique, pourcentage, dimension ou expression mathématique).

Détails techniques

Version : CSS4

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette fonction pour la première fois.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Pages associées

Référence :Fonction acos() CSS

Référence :Fonction asin() CSS

Référence :Fonction atan() CSS

Référence :Fonction atan2() CSS

Référence :Fonction calc() CSS

Référence :Fonction cos() CSS

Référence :Fonction exp() CSS

Référence :Fonction hypot() CSS

Référence :Fonction log() CSS

Référence :Fonction mod() CSS

Référence :Fonction pow() CSS