W3C home > Mailing lists > Public > www-style@w3.org > January 2011

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

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Fri, 21 Jan 2011 16:53:53 +0100
Message-ID: <E55BFB65551B47A7B65B47BBC9664452@FREMY2>
To: <tao.yu@nokia.com>, <www-style@w3.org>
Cc: <Art.Barstow@nokia.com>
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----- 
From: tao.yu@nokia.com
Sent: Friday, January 21, 2011 4:39 PM
To: www-style@w3.org
Cc: Art.Barstow@nokia.com
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

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:07:55 UTC