layout/reftests/forms/legend/legend.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <title>Testcase for bug 740743</title>
   4     <style type="text/css">
   5
   6         html,body {
   7             color:black; background-color:white; font-size:16px; padding:0; margin:0;
   8         }
   9
  10 fieldset { padding: 2px; }
  11 legend { background: lime; }
  12 .s10 { width:10px; height:10px; }
  13 .h10 { height:10px; }
  14 .w50 { width:50px; }
  15 .hidden { overflow:hidden; }
  16 .scroll { overflow:scroll; }
  17 .auto { overflow:auto; }
  18
  19 .o { text-overflow: ellipsis; }
  20
  21 #inline legend { display:inline; }
  22 #inline-block legend { display:inline-block; }
  23     </style>
  24 </head>
  25 <body>
  26
  27 <fieldset><legend class="hidden s10"><b>Legend Test</b></legend></fieldset>
  28 <fieldset><legend class="scroll s10">Legend Test</legend></fieldset>
  29 <fieldset><legend class="auto s10">Legend Test</legend></fieldset>
  30 <fieldset><legend class="hidden w50"><b>Legend Test</b></legend></fieldset>
  31 <fieldset><legend class="scroll w50">Legend Test</legend></fieldset>
  32 <fieldset><legend class="auto w50"><b>Legend Test</b></legend></fieldset>
  33 <fieldset><legend class="hidden">Legend Test</legend></fieldset>
  34 <fieldset><legend class="auto"><b>Legend Test</b></legend></fieldset>
  35 <fieldset><legend class="auto" style="width:auto"><b>Legend Test</b></legend></fieldset>
  36 <fieldset><legend style="width:auto"><b>Legend Test</b></legend></fieldset>
  37
  38 <fieldset><legend class="hidden w50 o"><b>Legend Test</b></legend></fieldset>
  39 <fieldset><legend class="hidden w50 o">Test Legend</legend></fieldset>
  40 <fieldset><legend class="hidden o">Test Legend</legend></fieldset>
  41 <fieldset><legend class="auto w50 o"><b>Legend Test</b></legend></fieldset>
  42 <fieldset><legend class="hidden w50 o" align="right">Test Legend</legend></fieldset>
  43 <fieldset><legend class="hidden w50 o" align="center">Test Legend</legend></fieldset>
  44
  45 <div id="inline">
  46 <legend class="hidden s10"><b>Legend Test</b></legend>
  47 <legend class="scroll s10">Legend Test</legend>
  48 <legend class="auto s10">Legend Test</legend>
  49 <legend class="hidden w50"><b>Legend Test</b></legend>
  50 <legend class="scroll w50">Legend Test</legend>
  51 <legend class="auto w50"><b>Legend Test</b></legend>
  52 <legend class="hidden">Legend Test</legend>
  53 <legend class="auto"><b>Legend Test</b></legend>
  54
  55 <legend class="hidden w50 o"><b>Legend Test</b></legend>
  56 <legend class="hidden w50 o">Test Legend</legend>
  57 <legend class="hidden o">Test Legend</legend>
  58 <legend class="auto w50 o"><b>Legend Test</b></legend>
  59 <legend class="hidden w50 o" align="right">Test Legend</legend>
  60 <legend class="hidden w50 o" align="center">Test Legend</legend>
  61 </div>
  62
  63 <div id="inline-block">
  64 <legend class="hidden s10"><b>Legend Test</b></legend>
  65 <legend class="scroll s10">Legend Test</legend>
  66 <legend class="auto s10">Legend Test</legend>
  67 <legend class="hidden w50"><b>Legend Test</b></legend>
  68 <legend class="scroll w50">Legend Test</legend>
  69 <legend class="auto w50"><b>Legend Test</b></legend>
  70 <legend class="hidden">Legend Test</legend>
  71 <legend class="auto"><b>Legend Test</b></legend>
  72 <legend class="auto" style="width:auto"><b>Legend Test</b></legend>
  73
  74 <legend class="hidden w50 o"><b>Legend Test</b></legend>
  75 <legend class="hidden w50 o">Test Legend</legend>
  76 <legend class="hidden o">Test Legend</legend>
  77 <legend class="auto w50 o"><b>Legend Test</b></legend>
  78 <legend class="hidden w50 o" align="right">Test Legend</legend>
  79 <legend class="hidden w50 o" align="center">Test Legend</legend>
  80 </div>
  81
  82 <legend class="auto w50"><b>Legend Test</b></legend>
  83 <legend class="auto" zstyle="width:auto"><b>Legend Test</b></legend>
  84 <legend style="width:auto"><b>Legend Test</b></legend>
  85
  86 </body>
  87 </html>