[CSS Blending] Add tests using blending and isolation for body and html elements.
[WebKit-https.git] / LayoutTests / svg / custom / object-sizing-width-50p-on-target-svg.xhtml
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4     <style>
5         html { width: 500px; }
6         body { padding: 0; margin: 0; }
7         p { padding: 0; margin: 0; }
8         div { position: absolute; top: 0px; left: 0px; width: 125px; height: 150px; background: red; z-index: -1; }
9         object { width: auto; height: auto; }
10         svg { position: absolute; top: 155px; left: 0px; width: 125px; height: 150px; }
11     </style>
12 </head>
13 <body>
14
15 <!-- Both objects should look identical -->
16 <p><object data="resources/object-sizing-width-50p.svg" type="image/svg+xml"></object></p>
17
18 <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100">
19     <rect x="0" y="0" width="100" height="100" fill="lightblue"/>
20     <rect x="5" y="5" width="90" height="90" fill="green"/>
21 </svg>
22
23 <div></div>
24
25 </body>
26 </html>