W3C home > Mailing lists > Public > www-style@w3.org > July 2010

[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.com>
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

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

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