summaryrefslogtreecommitdiffstats
path: root/layout/reftests/forms/legend/legend.html
blob: 9d05fbe6af75027559e3b1406a4021df8b03ae67 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE HTML>
<html><head>
    <title>Testcase for bug 740743</title>
    <style type="text/css">

        html,body {
            color:black; background-color:white; font-size:16px; padding:0; margin:0;
        }
	
fieldset { padding: 2px; }
legend { background: lime; }
.s10 { width:10px; height:10px; }
.h10 { height:10px; }
.w50 { width:50px; }
.hidden { overflow:hidden; }
.scroll { overflow:scroll; }
.auto { overflow:auto; }

.o { text-overflow: ellipsis; }

#inline legend { display:inline; }
#inline-block legend { display:inline-block; }
    </style>
</head>
<body>

<fieldset><legend class="hidden s10"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="scroll s10">Legend Test</legend></fieldset>
<fieldset><legend class="auto s10">Legend Test</legend></fieldset>
<fieldset><legend class="hidden w50"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="scroll w50">Legend Test</legend></fieldset>
<fieldset><legend class="auto w50"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="hidden">Legend Test</legend></fieldset>
<fieldset><legend class="auto"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="auto" style="width:auto"><b>Legend Test</b></legend></fieldset>
<fieldset><legend style="width:auto"><b>Legend Test</b></legend></fieldset>

<fieldset><legend class="hidden w50 o"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="hidden w50 o">Test Legend</legend></fieldset>
<fieldset><legend class="hidden o">Test Legend</legend></fieldset>
<fieldset><legend class="auto w50 o"><b>Legend Test</b></legend></fieldset>
<fieldset><legend class="hidden w50 o" align="right">Test Legend</legend></fieldset>
<fieldset><legend class="hidden w50 o" align="center">Test Legend</legend></fieldset>

<div id="inline">
<legend class="hidden s10"><b>Legend Test</b></legend>
<legend class="scroll s10">Legend Test</legend>
<legend class="auto s10">Legend Test</legend>
<legend class="hidden w50"><b>Legend Test</b></legend>
<legend class="scroll w50">Legend Test</legend>
<legend class="auto w50"><b>Legend Test</b></legend>
<legend class="hidden">Legend Test</legend>
<legend class="auto"><b>Legend Test</b></legend>

<legend class="hidden w50 o"><b>Legend Test</b></legend>
<legend class="hidden w50 o">Test Legend</legend>
<legend class="hidden o">Test Legend</legend>
<legend class="auto w50 o"><b>Legend Test</b></legend>
<legend class="hidden w50 o" align="right">Test Legend</legend>
<legend class="hidden w50 o" align="center">Test Legend</legend>
</div>

<div id="inline-block">
<legend class="hidden s10"><b>Legend Test</b></legend>
<legend class="scroll s10">Legend Test</legend>
<legend class="auto s10">Legend Test</legend>
<legend class="hidden w50"><b>Legend Test</b></legend>
<legend class="scroll w50">Legend Test</legend>
<legend class="auto w50"><b>Legend Test</b></legend>
<legend class="hidden">Legend Test</legend>
<legend class="auto"><b>Legend Test</b></legend>
<legend class="auto" style="width:auto"><b>Legend Test</b></legend>

<legend class="hidden w50 o"><b>Legend Test</b></legend>
<legend class="hidden w50 o">Test Legend</legend>
<legend class="hidden o">Test Legend</legend>
<legend class="auto w50 o"><b>Legend Test</b></legend>
<legend class="hidden w50 o" align="right">Test Legend</legend>
<legend class="hidden w50 o" align="center">Test Legend</legend>
</div>

<legend class="auto w50"><b>Legend Test</b></legend>
<legend class="auto" zstyle="width:auto"><b>Legend Test</b></legend>
<legend style="width:auto"><b>Legend Test</b></legend>

</body>
</html>