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

Re: box-shadow bugs

From: Andreas Riddering <Andreas.Riddering@t-online.de>
Date: Mon, 2 Apr 2012 17:27:55 +0200
Message-ID: <79DC4800E77546DDB23608E48C904C1F@andreaspc>
To: "Brian Todd" <DarthKitty10@yahoo.com>, <www-validator-css@w3.org>
If i select the CSS 3 profile, four seems to be valid!?

If you take a look at this example page
http://www.css3files.com/shadow/

There the inset keyword comes first (but optional). Like i told the author of the site on 5. sep. last year, if you have a look at the specs:
http://www.w3.org/TR/css3-background/#the-box-shadow

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

the optional keyword "inset" must come first...

after correcting this issue, there are only three more to go:
#second{ box-shadow: 5px 0px 5px rgba(0,0,0,.1); }
#third{ box-shadow: 5px 0px 5px rgba(0,0,0,0.1); }
#tenth{ box-shadow: inset 5px 5px rgb(0,0,0,); }

But i have to say, that the validator output seems to be wrong.
trying to validate this:
#fourth{ box-shadow: 5px 0px 5px rgb(0,0,0); }
#fifth{ box-shadow: inset 5px 0px 5px rgb(0,0,0); }
#sixth{ box-shadow: inset 5px 0px 5px rgb(255,255,255); }
#seventh{ box-shadow: inset 5px 0px 5px #000; }

only fourth seems to produce correct output, while if the word inset is present in the input value, the output value seems to be removed...
you really should fix this one.


but lets go back to the last three errors.
this one:
#tenth{ box-shadow: inset 5px 5px rgb(0,0,0,); }
is obviously wrong, you shouldnt ad a seperating comma with no value following. or in other words: rgb only acepts 3 values...


remaining 2 errors:
i think you are right, the rgbA isnt properly recognized.


greetings from münster
andreas


  ----- Original Message ----- 
  From: Brian Todd 
  To: www-validator-css@w3.org 
  Sent: Monday, April 02, 2012 4:29 AM
  Subject: box-shadow bugs


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


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


    #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; }


    #tenth{ box-shadow: 5px 5px rgb(0,0,0,) inset; }


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


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


  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.
Received on Monday, 2 April 2012 15:28:29 GMT

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