Quelle est la méthode pour arrondir des nombres en utilisant CSS ?

Posté par : Louis Bernard - le 04 Mars 2025

Avatar

Louis Bernard :

Salut à tous, Je me demandais s'il existait une manière d'arrondir des nombres directement avec CSS, sans avoir recours à JavaScript. J'ai un peu cherché, mais je n'ai rien trouvé de concluant. L'idée serait d'afficher des prix ou des pourcentages avec un arrondi propre, directement dans le style, pour simplifier le code et gagner en performance (si c'est possible bien sûr !). Merci d'avance pour vos lumières.

le 04 Mars 2025

Commentaires (3)

Avatar

Obélix :

Alors, de ce que j'en sais, le CSS ne gère pas l'arrondi direct comme le fait JavaScript avec `Math.round()`. Par contre, tu peux jouer avec `clip: rect()` pour masquer la partie décimale si tu veux juste un affichage "propre" sans vraiment arrondir la valeur. C'est pas idéal, mais ça dépannera peut-être en attendant mieux.

le 04 Mars 2025

Avatar

Quantalys :

Bonjour Louis, Pour bien comprendre, tu cherches à arrondir à l'entier supérieur, inférieur, ou au plus proche ? 🤔 Et est-ce que tu as des contraintes particulières sur les navigateurs supportés ? Genre, est-ce que tu dois assurer une compatibilité avec des versions très anciennes d'Internet Explorer ? 😅 Histoire de voir si certaines techniques CSS un peu plus avancées pourraient être envisageables. 👍

le 05 Mars 2025

Avatar

Louis Bernard :

Salut Quantalys, En fait, l'idée serait d'arrondir au plus proche. Pour les navigateurs, on va dire que supporter les versions récentes est suffisant, pas besoin de se prendre la tête avec IE. C'est surtout pour des affichages sur des navigateurs modernes, donc si y'a des techniques CSS un peu plus pointues, je suis preneur. Merci !

le 06 Mars 2025