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

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

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Fri, 16 Jul 2010 15:29:06 -0700
Message-ID: <AANLkTinJQNJ--t1GWiCchVH62CAqTK8rJYdJpkXgx2jQ@mail.gmail.com>
To: Brian Manthos <brianman@microsoft.com>
Cc: "www-style@w3.org" <www-style@w3.org>
On Fri, Jul 16, 2010 at 1:40 PM, Brian Manthos <brianman@microsoft.com> wrote:
> Tab Atkins:
>> So, the original aspect ratio is preserved only in a, b, d, and h.
>
> Thanks, Tab.  That fairly closely matches my original understanding.
>
>
> Now let's talk about a use case:
>
> 1. image is a photo (GIF, JPG, or PNG)
>
> 2. image is "huge" (4096x3072)
>
> 3. I want to use it as a background
>
> 4. I want to tile it in both X and Y dimensions
>
> 5. I don't want it clipped
>
> 6. I want the aspect ratio preserved
>
> 7. Spacing between tiles is optional
>
> 8. target element A is 400px wide and 600px tall
>
> 9. target element B is 500px wide and 200px tall
>
>
> What background properties should I specify for the rule that will be applied to both element A and element B?

Are you willing to specify an explicit size for the image?  If so,
then it's relatively easy - just use repeat:space rather than round.

I really wouldn't recommend using such a huge image for a background,
though.  Even on broadband, pulling down a 10MB file for a background
takes a while.

~TJ
Received on Friday, 16 July 2010 22:30:02 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:29 GMT