tall--32px-auto--percent-width-percent-height-viewbox.html (1034B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>tall background-size: 32px auto; for percent-width-percent-height-viewbox.svg</title> 9 <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> 10 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> 11 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> 12 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> 13 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> 14 <meta name="flags" content="svg" /> 15 <style type="text/css"> 16 div 17 { 18 width: 256px; height: 768px; 19 } 20 #outer 21 { 22 border: 1px solid black; 23 } 24 #inner 25 { 26 background-image: url(percent-width-percent-height-viewbox.svg); 27 background-repeat: no-repeat; 28 background-size: 32px auto; 29 } 30 </style> 31 </head> 32 <body> 33 <div id="outer"><div id="inner"></div></div> 34 </body> 35 </html>