third_party/WebKit/LayoutTests/svg/as-object/object-box-sizing-no-width-height.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5          object {
   6             border: 2px dashed maroon;
   7             padding: 3px;
   8         }
   9
  10         .object1 {
  11             height: auto;
  12             width: auto;
  13         }
  14
  15         .object2 {
  16             height: 220px;
  17             width: 220px;
  18         }
  19
  20         .object3 {
  21             box-sizing: border-box;
  22             -moz-box-sizing: border-box;
  23             height: auto;
  24             width: auto;
  25         }
  26
  27         .object4 {
  28             box-sizing: border-box;
  29             -moz-box-sizing: border-box;
  30             height: 220px;
  31             width: 220px;
  32         }
  33     </style>
  34 </head>
  35 <body>
  36     <!-- All objects in the first row need to look identical -->
  37     <object class="object1" data="../as-image/resources/circle-default-default.svg"></object>
  38     <object class="object2" data="../as-image/resources/circle-default-default.svg"></object>
  39     <object class="object3" data="../as-image/resources/circle-default-default.svg"></object>
  40     <br/>
  41
  42     <!-- Part of this object is clipped, because of the different box sizing strategy, matches Opera/FF -->
  43     <object class="object4" data="../as-image/resources/circle-default-default.svg"></object>
  44 </body>
  45 </html>