[css-background] "background-repeat:round;" and aspect ratio

• From: Brian Manthos <brianman@microsoft.com>
• Date: Fri, 16 Jul 2010 18:39:10 +0000
• To: "www-style@w3.org" <www-style@w3.org>
• Message-ID: <FA122FEC823D524CB516E4E0374D9DCF0D45F0D2@TK5EX14MBXC136.redmond.corp.microsoft.>

Assume (for simplicity):
1. Image referenced via background-image has intrinsic width, height(, aspect ratio)
2. Element upon which the style is applied is larger than the image in both dimensions, and larger than 10px by 20px

Scenarios:
a. background-repeat:round  repeat; background-size: auto auto;
b. background-repeat:repeat round ; background-size: auto auto;
c. background-repeat:round  round ; background-size: auto auto;
d. background-repeat:round  repeat; background-size: 10px auto;
e. background-repeat:repeat round ; background-size: 10px auto;
f. background-repeat:round  round ; background-size: 10px auto;
g. background-repeat:round  repeat; background-size: auto 20px;
h. background-repeat:repeat round ; background-size: auto 20px;
i. background-repeat:round  round ; background-size: auto 20px;
j. background-repeat:round  repeat; background-size: 10px 20px;
k. background-repeat:repeat round ; background-size: 10px 20px;
l. background-repeat:round  round ; background-size: 10px 20px;

Which of those preserves the image's intrinsic aspect ratio?
Which of those preserves a 1:2 aspect ratio?
Which of those ignores aspect ratio when applying round (dimensions are "rounded" independently after a pre-rounded size is computed)?

Received on Friday, 16 July 2010 18:40:32 UTC