layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html@7e26c7da4463
layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
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>wide background-size: contain; for nonpercent-width-nonpercent-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: 768px; height: 256px;
19 }
20 #outer
21 {
22 border: 1px solid black;
23 }
24 #inner
25 {
26 background-image: url(nonpercent-width-nonpercent-height-viewbox.svg);
27 background-repeat: no-repeat;
28 background-size: contain;
29 }
30 </style>
31 </head>
32 <body>
33 <div id="outer"><div id="inner"></div></div>
34 </body>
35 </html>
