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

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

From: Brian Manthos <brianman@microsoft.com>
Date: Fri, 16 Jul 2010 19:59:06 +0000
To: "www-style@w3.org" <www-style@w3.org>
Message-ID: <FA122FEC823D524CB516E4E0374D9DCF0D45F31E@TK5EX14MBXC136.redmond.corp.microsoft.com>
Again, my question is "which of these should preserve an aspect ratio (and which ratio)?"

For those who prefer a full example, here you go...

<style>
div { background-image:url(http://www.w3.org/Icons/w3c_home); height:24px; width:18px; margin:10px; border:1px solid red; }
.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; }
</style>
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
<div class="d">d</div>
<div class="e">e</div>
<div class="f">f</div>
<div class="g">g</div>
<div class="h">h</div>
<div class="i">i</div>
<div class="j">j</div>
<div class="k">k</div>
<div class="l">l</div>
Received on Friday, 16 July 2010 19:59:43 GMT

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