W3C home > Mailing lists > Public > www-validator-css@w3.org > April 2012

Re: box-shadow bugs

From: Yves Lafon <ylafon@w3.org>
Date: Wed, 4 Apr 2012 10:03:03 -0400 (EDT)
To: Brian Todd <DarthKitty10@yahoo.com>
cc: www-validator-css@w3.org
Message-ID: <alpine.DEB.1.10.1204040955240.15305@wnl.j3.bet>
On Sun, 1 Apr 2012, Brian Todd wrote:

From http://www.w3.org/TR/2012/WD-css3-background-20120214/#box-shadow

<shadow> = inset? && [ <length>{2,4} && <color>? ]

> #first{ box-shadow: 5px 0px 5px rgba(0,0,0,.1) inset; }

Invalid, 3 <length>, 2 or 4 are required.

> #second{ box-shadow: 5px 0px 5px rgba(0,0,0,.1); }
same

> #third{ box-shadow: 5px 0px 5px rgba(0,0,0,0.1); }
> #fourth{ box-shadow: 5px 0px 5px rgb(0,0,0); }
> #fifth{ box-shadow: 5px 0px 5px rgb(0,0,0) inset; }
> #sixth{ box-shadow: 5px 0px 5px rgb(255,255,255) inset; }
> #seventh{ box-shadow: 5px 0px 5px #000 inset; }
> #eighth{ box-shadow: 5px 0px 5px #000000 inset; }
> #ninth{ box-shadow: 5px 5px 5px rgb(0,0,0) inset; }
same as first.

> #tenth{ box-shadow: 5px 5px rgb(0,0,0,) inset; }
Extra ',' in rgb(), so invalid.

>
> #eleventh{ box-shadow: 5px 5px #000 inset; }
>
> #twelfth{ box-shadow: 5px 5px #000000 inset; }

Those two should be valid.

> All of the above code is treated as invalid. The problems seem to be in 
> the rgba color values and in the inset value. Rgba values work fine 
> elsewhere, such as in background-color.

See also http://qa-dev.w3.org:8001/css-validator/ for an up-to-date 
implementation of box-shadow.
Thanks,

-- 
Baroula que barouleras, au tiéu toujou t'entourneras.

         ~~Yves
Received on Wednesday, 4 April 2012 14:03:13 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 27 June 2012 00:14:29 GMT