background-size-vector-017

background-size: 16px auto; for percent-width-percent-height-viewbox.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- -32px-auto- -percent-width-percent-height-viewbox.html
10   -->
11 
12   <title>CSS Backgrounds and Borders Test: background-size: 16px auto; for percent-width-percent-height-viewbox.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="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" rel="help">
19   <link href="reference/ref-t-lime16x128-aqua16x128.htm" rel="match">
20 
21   <meta content="svg" name="flags">
22 
23   <style type="text/css">
24   div
25   {
26   background-image: url("support/percent-width-percent-height-viewbox.svg");
27   background-repeat: no-repeat;
28   background-size: 16px auto;
29   border: black solid 8px;
30   height: 384px;
31   width: 128px;
32   }
33   </style>
34 
35  </head>
36 
37  <body>
38 
39   <div></div>
40 
41  
42 </body></html>