Re: [css3-background] 'background: url(foo) white' and 'background: url(foo), white'

I think "background: url(foo), white" is a shortcut for "background: 
transprent url(foo) repeat top left, white none repeat to left". The first 
specified background (the image) is over the "white" background and as the 
first background has no inherent color, this has the same effect as 
"background: white url(foo) repeat top left;".

-----Message d'origine----- 
Sent: Friday, January 21, 2011 4:39 PM
Subject: [css3-background] 'background: url(foo) white' and 'background: 
url(foo), white'


I am not clear about the last statement in section 3.10 "The 'background' 
shorthand property", which says:

Note that 'background: url(foo) white' and 'background: url(foo), white' 
have the same effect.

Does that mean comma can be used between any of the individual properties 
and have the same effect as without it? If so,

background: repeat-x, url("support/green15x15.png"), red, padding-box;

is equivalent to:

background: repeat-x url("support/green15x15.png") red padding-box;

Is that correct? I would appreciate if this can be confirmed and explained 
in more details.


Received on Friday, 21 January 2011 15:54:20 UTC