third_party/WebKit/LayoutTests/fast/borders/fieldsetBorderRadius.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style>
   5         legend { height: 10px; border: 1px solid blue; }
   6         fieldset { margin-bottom: 10px; -webkit-border-radius: 5px; height: 20px;}
   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         #col1 { float: left; }
  11         #col2 { float: left; margin-left: 70px; }
  12         #col3 { margin-left: 450px; }
  13
  14     </style>
  15 </head>
  16 <body>
  17     <!-- border rendering tests -->
  18     <div id="col1">
  19         <fieldset class="render" style="width: 100px;">
  20             <legend></legend>
  21         </fieldset>
  22         <fieldset class="render" style="width: 100px;">
  23             <legend style="width: 108%;"></legend>
  24         </fieldset>
  25         <fieldset class="render" style="width: 100px;">
  26             <legend style="width: 112%;"></legend>
  27         </fieldset>
  28         <fieldset class="render" style="width: 100px;">
  29             <legend style="width: 117%;"></legend>
  30         </fieldset>
  31         <fieldset class="render" style="width: 100px;">
  32             <legend style="margin-left: -12px;"></legend>
  33         </fieldset>
  34         <fieldset class="render" style="width: 100px; border-width: 15px; border-style: solid;">
  35             <legend style="margin-left: -12px;"></legend>
  36         </fieldset>
  37         <fieldset class="render" style="width: 100px; border-width: 15px; border-style: solid; -webkit-border-radius: 20px;">
  38             <legend style="margin-left: -12px;"></legend>
  39         </fieldset>
  40     </div>
  41     <div id="col2">
  42         <fieldset class="render" style="width: 100px;">
  43             <legend style="margin-left: -16px;"></legend>
  44         </fieldset>
  45         <fieldset class="render" style="width: 100px;">
  46             <legend style="margin-left: -21px;"></legend>
  47         </fieldset>
  48         <fieldset class="render" style="width: 100px;">
  49             <legend style="margin-left: -69px;"></legend>
  50         </fieldset>
  51         <fieldset class="render" style="width: 100px;">
  52             <legend style="margin-left: -74px;"></legend>
  53         </fieldset>
  54         <fieldset class="render" style="width: 100px;">
  55             <legend style="margin-left: 115%;"></legend>
  56         </fieldset>
  57         <fieldset class="render" style="width: 100px;">
  58             <legend style="margin-left: 120%;"></legend>
  59         </fieldset>
  60     </div>
  61     <!-- layout tests -->
  62     <div id="col3">
  63         <fieldset style="width: 100px;">
  64             <legend style="width: 150px;"></legend>
  65         </fieldset>
  66         <fieldset style="width: 100px;">
  67             <legend style="width: 90px; margin: 30px;"></legend>
  68         </fieldset>
  69         <div class="rel" style="width: 100px;">
  70             <fieldset>
  71                 <legend style="width: 150px;"></legend>
  72             </fieldset>
  73         </div>
  74         <div class="rel" style="width: 300px;">
  75             <fieldset style="width: 100; margin: auto;">
  76                 <legend style="width: 150px;"></legend>
  77             </fieldset>
  78         </div>
  79         <div class="rel" style="width: 100px;">
  80             <fieldset style="position: absolute;">
  81                 <legend style="width: 150px;"></legend>
  82             </fieldset>
  83         </div>
  84         <div class="rel">
  85             <fieldset style="position: absolute; width: 100px;">
  86                 <legend style="width: 150px;"></legend>
  87             </fieldset>
  88         </div>
  89         <div class="rel" style="width: 300px;">
  90             <fieldset style="position: absolute; left: 100px; right: 100px;">
  91                 <legend style="width: 150px;"></legend>
  92             </fieldset>
  93         </div>
  94         <fieldset style="display: inline; width: 100px;">
  95             <legend style="width: 150px;"></legend>
  96         </fieldset>
  97         <fieldset style="width: 100px;">
  98             <legend style="width: 150%;"></legend>
  99         </fieldset>
 100     </div>
 101 </body>