LayoutTests/svg/custom/svg-root-padding-border-margin-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             #parentDiv {
   6                 width: 400px;
   7                 height: 400px;
   8                 padding: 15px;
   9                 border: 10px solid grey;
  10                 margin: 5px;
  11                 float: left; /* Do not collapse margins. */
  12                 background-color: blue;
  13             }
  14
  15             #svgRoot {
  16                 background-color: blue;
  17             }
  18         </style>
  19     </head>
  20     <body>
  21         <p>This test checks that SVG elements are rendered with the correct dimensions under an SVG root element with paddings, borders, and margins.</p>
  22         <div id="parentDiv">
  23             <svg id="svgRoot" width="400" height="400" viewbox="0 0 200 200">
  24                 <rect id="svgRect" x="0" y="0" width="100" height="100" fill="green"/>
  25             </svg>
  26         </div>
  27     </body>
  28 </html>