legend.html (3568B)
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>