zero-ratio-no-dimensions-auto-5px.html (901B)
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>zero ratio, no dimensions, auto 5px</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 <meta name="flags" content="svg" /> 14 <style type="text/css"> 15 div 16 { 17 width: 256px; height: 768px; 18 } 19 #outer 20 { 21 border: 1px solid black; 22 } 23 #inner 24 { 25 background-image: url(intrinsic-ratio-no-dimensions.svg); 26 background-repeat: no-repeat; 27 background-size: auto 5px; 28 } 29 </style> 30 </head> 31 <body> 32 <div id="outer"><div id="inner"></div></div> 33 </body> 34 </html>