tall--auto-32px--percent-width-omitted-height

background-size: auto 32px; for percent-width-omitted-height.svg

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
svg

Source

 1 <!DOCTYPE html>
 2 <!--
 3      Any copyright is dedicated to the Public Domain.
 4      http://creativecommons.org/publicdomain/zero/1.0/
 5 --><html><head>
 6 
 7   <!--
 8   The original and initial filename of this test was
 9   tall- -auto-32px- -percent-width-omitted-height.html
10   -->
11 
12   <title>CSS Backgrounds and Borders Test: background-size: auto 32px; for percent-width-omitted-height.svg</title>
13 
14   <link href="http://whereswalden.com/" rel="author" title="Jeff Walden">
15   <link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help">
16   <link href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" rel="help">
17   <link href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" rel="help">
18   <link href="reference/ref-tall-lime256x16-aqua256x16.htm" rel="match">
19 
20   <meta content="svg" name="flags">
21 
22   <style type="text/css">
23   div
24   {
25   background-image: url("support/percent-width-omitted-height.svg");
26   background-repeat: no-repeat;
27   background-size: auto 32px;
28   border: black solid 1px;
29   height: 768px;
30   width: 256px;
31   }
32   </style>
33 
34  </head>
35 
36  <body>
37 
38   <div></div>
39 
40  
41 
42 </body></html>