Using 0px instead of 0 in the following context

Question

I am wondering if in the following context should I use 0px or 0.

box-shadow:inset 0px 15px 10px -15px #000

or

box-shadow:inset 0 15px 10px -15px #000

http://stackoverflow.com/questions/4318471/property-0-or-property-0px-in-css — grc, Sep 19 '12 at 08:18

score 3 · Answer 1 · answered Sep 19 '12 at 08:18

When using 0 it's almost always appropriate to use it on its own.

The reason for specifying the measurement type is to make it clear how many of what measurement you expect. In the case of 0 it doesn't matter what the measurement type is (in this context) since 0 elephants is the same as 0px.

score 1 · Answer 2 · answered Sep 19 '12 at 08:19

It doesn't make any difference. 0 is 0px is 0em is 0%. It's a special case where you don't need units. Semantically it's up to you

There are two tiny provisors: first, if you use 0px then during development when you are using web inspector or firebug you can change the values by pressing the up and down arrows. If you use 0 then it doesn't know what units to use and that trick won't work. Second, if you use 0 instead of 0px, you save 2 characters, which is like the worlds littlest file size optimisation. But it's not exactly worth much.

Kyle · Accepted Answer · 2012-09-19T08:29:30.880

0

They both work, so it's pretty much personal preference.

0 is special in that it means 0 of any unit presented but I usually declare the unit of measurement for ease of reading.

http://jsfiddle.net/Kyle_Sevenoaks/UFgpt/

edited Sep 19 '12 at 08:29

answered Sep 19 '12 at 08:20

Kyle

65,599
28
144
152

Using 0px instead of 0 in the following context

3 Answers3