svg-inline-styles-ref.html (800B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> 6 <meta name="flags" content="svg"> 7 <style type="text/css"> 8 svg { 9 width: 300px; 10 height: 300px; 11 } 12 </style> 13 </head> 14 <body> 15 <p>The test passes if there is a vertical green stripe to the left of a yellow vertical stripe. You should see no red.</p> 16 <svg> 17 <!-- Fill with Gradient to avoid false positive. --> 18 <defs> 19 <linearGradient id="grad"> 20 <stop offset="50%" stop-color="green"/> 21 <stop offset="50%" stop-color="yellow"/> 22 </linearGradient> 23 </defs> 24 <rect width="100" height="100" fill="url(#grad)"/> 25 </svg> 26 </body> 27 </html>