layout/reftests/writing-mode/ua-style-sheet-fieldset-1-ref.html

   1 <!DOCTYPE html>
   2 <meta charset=utf-8>
   3 <title>Test for logical properties of fieldset in the UA stylesheet</title>
   4 <style>
   5 .v-rl { writing-mode: vertical-rl; }
   6 .ltr, .rtl, .v-rl { border: 1px solid blue; }
   7
   8 fieldset { height: 100px; width: 100px; }
   9
  10 .ltr .a, .rtl .a { height: 40%; background: #eee; }
  11 .ltr .b, .rtl .b { height: 60%; background: #ddd; }
  12 .v-rl .a { width: 40%; background: #eee; }
  13 .v-rl .b { width: 60%; background: #ddd; }
  14
  15 .ltr fieldset, .rtl fieldset { margin: 0 2px; padding: 0.35em 0.75em 0.625em; }
  16 .v-rl fieldset { margin: 2px 0; padding: 0.75em 0.35em 0.75em 0.625em; }
  17
  18 .ltr legend, .rtl legend { padding: 0 2px; }
  19 .v-rl legend { padding: 2px 0; }
  20 </style>
  21 <div class=ltr>
  22   <fieldset>
  23     <legend>Legend</legend>
  24     <div class=a></div>
  25     <div class=b></div>
  26   </fieldset>
  27 </div>
  28
  29 <div class=rtl dir=rtl>
  30   <fieldset>
  31     <legend>Legend</legend>
  32     <div class=a></div>
  33     <div class=b></div>
  34   </fieldset>
  35 </div>
  36
  37 <div class=v-rl>
  38   <fieldset>
  39     <legend>Legend</legend>
  40     <div class=a></div>
  41     <div class=b></div>
  42   </fieldset>
  43 </div>
  44