CSS3 box-shadow property not tested?

Question

When I run my CSS using the W3C validator, whenever I use the box-shadow property, I get this error:

0 is not a shadow value: 0 0 10px # 000

It seems to stop at any first value, since changing the order of the values ​​will change the error so that it matches:

# 000 is not a shadow value: # 000 0 0 10px

I check with the profile set in CSS3, so this is not the case when I forget to change the default profile setting from CSS2 (where the box-shadow property does not exist).

Why doesn't he think that any of the meanings that I use are correct? The shadow will render perfectly in Firefox and any other browser that supports the box-shadow property.

Answer 1

known validator validation error . Apparently, they forgot that unit values ​​are valid (especially unit zero values). There is nothing wrong with your CSS; the values ​​you use are correct.

If you are picky, and you cannot put up with an error tarnished by your successful check, you can simply add units to your null values:

 box-shadow: 0px 0px 10px #000; 

But whenever I encounter such situations, I usually don’t worry, knowing that this is a harmless validation error, and not something wrong with my CSS.

Please note that with this update, the bug has been fixed since August 30, 2012 .

Answer 2

Change it to 0px 0px 10px #000 and it will check. This is probably due to the beta version of the validator.

Answer 3

There are a lot of errors in the validator. Its new and its beta.