how to format a number into comma separated using css

Question

I have these numbers 10010999.00 and 8094.456 and 456.78

And all I want to do is add a comma in the right place if it needs it so it looks like this 10,010,999.00 and 8,094.45 and 456.78 in the JSP page.

As far as I know it is impossible in css, You should use javascript. Or if you are using jsp you could format it using java. — Dawid C, Feb 11 '15 at 09:42
@TomD'Hulster again, not really, that relates to javascript not CSS. — Ryan McDonough, Feb 11 '15 at 09:52
Seems like I missed the JSP part. Saw Javascript in the tags and assumed it was for Javascript. Edit: I changed my name, Stengel was my previous name so it's the same person @RyanMcDonough — Tom D'Hulster, Feb 11 '15 at 09:53

score 2 · Answer 1 · answered Feb 11 '15 at 09:43

2

You can do this via toLocaleString() function.

answered Feb 11 '15 at 09:43

hamed

7,939
15
60
114

`toLocaleString()` is javascript, not css. – Overcomer Jul 20 '22 at 14:32

score 1 · Answer 2 · edited May 23 '17 at 12:23

1

Short answer: You can't. It was proposed in 2008 as Content Data Function addition to CSS3, however nothing came of it. You will need to perform this action in Javascript.

There is a suggestion on how to format numbers in JS in this answer: Format numbers in javascript

edited May 23 '17 at 12:23

Community

1
1

answered Feb 11 '15 at 09:51

Ryan McDonough

9,732
3
55
76

how to format a number into comma separated using css

2 Answers2