third_party/WebKit/LayoutTests/fast/block/basic/fieldset-stretch-to-legend.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style>
   5         legend { height: 10px; border: 1px solid blue; }
   6         fieldset { margin-bottom: 10px; }
   7         fieldset.render { border: 8px double; }
   8         fieldset.render legend { height: 12px; width: 50px; background-color: rgba(0, 128, 0, 0.3); border: none; }
   9         div.rel { position: relative; height: 40px; }
  10     </style>
  11 </head>
  12 <body>
  13     <!-- border rendering tests -->
  14     <fieldset class="render" style="width: 100px;">
  15         <legend></legend>
  16     </fieldset>
  17     <fieldset class="render" style="width: 100px;">
  18         <legend style="width: 108%;"></legend>
  19     </fieldset>
  20     <fieldset class="render" style="width: 100px;">
  21         <legend style="width: 112%;"></legend>
  22     </fieldset>
  23     <fieldset class="render" style="width: 100px;">
  24         <legend style="width: 117%;"></legend>
  25     </fieldset>
  26     <fieldset class="render" style="width: 100px;">
  27         <legend style="margin-left: -12px;"></legend>
  28     </fieldset>
  29     <fieldset class="render" style="width: 100px;">
  30         <legend style="margin-left: -16px;"></legend>
  31     </fieldset>
  32     <fieldset class="render" style="width: 100px;">
  33         <legend style="margin-left: -21px;"></legend>
  34     </fieldset>
  35     <fieldset class="render" style="width: 100px;">
  36         <legend style="margin-left: -69px;"></legend>
  37     </fieldset>
  38     <fieldset class="render" style="width: 100px;">
  39         <legend style="margin-left: -74px;"></legend>
  40     </fieldset>
  41     <fieldset class="render" style="width: 100px;">
  42         <legend style="margin-left: 115%;"></legend>
  43     </fieldset>
  44     <fieldset class="render" style="width: 100px;">
  45         <legend style="margin-left: 120%;"></legend>
  46     </fieldset>
  47     <!-- layout tests -->
  48     <fieldset style="width: 100px;">
  49         <legend style="width: 150px;"></legend>
  50     </fieldset>
  51     <fieldset style="width: 100px;">
  52         <legend style="width: 90px; margin: 30px;"></legend>
  53     </fieldset>
  54     <div class="rel" style="width: 100px;">
  55         <fieldset>
  56             <legend style="width: 150px;"></legend>
  57         </fieldset>
  58     </div>
  59     <div class="rel" style="width: 300px;">
  60         <fieldset style="width: 100; margin: auto;">
  61             <legend style="width: 150px;"></legend>
  62         </fieldset>
  63     </div>
  64     <div class="rel" style="width: 100px;">
  65         <fieldset style="position: absolute;">
  66             <legend style="width: 150px;"></legend>
  67         </fieldset>
  68     </div>
  69     <div class="rel">
  70         <fieldset style="position: absolute; width: 100px;">
  71             <legend style="width: 150px;"></legend>
  72         </fieldset>
  73     </div>
  74     <div class="rel" style="width: 300px;">
  75         <fieldset style="position: absolute; left: 100px; right: 100px;">
  76             <legend style="width: 150px;"></legend>
  77         </fieldset>
  78     </div>
  79     <fieldset style="display: inline; width: 100px;">
  80         <legend style="width: 150px;"></legend>
  81     </fieldset>
  82     <fieldset style="width: 100px;">
  83         <legend style="width: 150%;"></legend>
  84     </fieldset>
  85 </body>