Skip to content

Commit c3b8c11

Browse files
karlcowkarlcow
authored
1 parent c465492 commit c3b8c11

2 files changed

+83
-0
lines changed

‎css/css-tables/out-of-order-elements-collapsed-border-ref.html

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<title>CSS Test: Table border is correct even with out of order tbody, thead, tfoot</title>
3+
<link rel="author" title="Karl Dubost" href="mailto:[email protected]">
4+
<link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#forming-a-table">
5+
<style>
6+
table {
7+
border: 3px solid blue;
8+
border-collapse:collapse;}
9+
td, th {height: 20px; width:20px;}
10+
tbody {background-color: gold;}
11+
thead {background-color: pink;}
12+
tfoot {background-color: lightgreen;}
13+
</style>
14+
<table>
15+
<thead><tr><th></th></tr></thead>
16+
<tbody><tr><td></td></tr></tbody>
17+
</table>
18+
<table>
19+
<tbody><tr><td></td></tr></tbody>
20+
<tfoot><tr><th></th></tr></tfoot>
21+
</table>
22+
<table>
23+
<thead><tr><th></th></tr></thead>
24+
<tbody><tr><td></td></tr></tbody>
25+
<tfoot><tr><th></th></tr></tfoot>
26+
</table>
27+
<table>
28+
<thead><tr><th></th></tr></thead>
29+
<tbody><tr><td></td></tr></tbody>
30+
<tfoot><tr><th></th></tr></tfoot>
31+
</table>
32+
<table>
33+
<thead><tr><th></th></tr></thead>
34+
<tbody><tr><td></td></tr></tbody>
35+
<tfoot><tr><th></th></tr></tfoot>
36+
</table>
37+
<table>
38+
<thead><tr><th></th></tr></thead>
39+
<tbody><tr><td></td></tr></tbody>
40+
<tfoot><tr><th></th></tr></tfoot>
41+
</table>

‎css/css-tables/out-of-order-elements-collapsed-border.html

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<title>CSS Test: Table border is correct even with out of order tbody, thead, tfoot</title>
3+
<link rel="author" title="Karl Dubost" href="mailto:[email protected]">
4+
<link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#forming-a-table">
5+
<link rel="match" href="out-of-order-elements-collapsed-border-ref.html">
6+
<style>
7+
table {
8+
border: 3px solid blue;
9+
border-collapse:collapse;}
10+
td, th {height: 20px; width:20px;}
11+
tbody {background-color: gold;}
12+
thead {background-color: pink;}
13+
tfoot {background-color: lightgreen;}
14+
</style>
15+
<table>
16+
<tbody><tr><td></td></tr></tbody>
17+
<thead><tr><th></th></tr></thead>
18+
</table>
19+
<table>
20+
<tfoot><tr><th></th></tr></tfoot>
21+
<tbody><tr><td></td></tr></tbody>
22+
</table>
23+
<table>
24+
<tfoot><tr><th></th></tr></tfoot>
25+
<tbody><tr><td></td></tr></tbody>
26+
<thead><tr><th></th></tr></thead>
27+
</table>
28+
<table>
29+
<tfoot><tr><th></th></tr></tfoot>
30+
<thead><tr><th></th></tr></thead>
31+
<tbody><tr><td></td></tr></tbody>
32+
</table>
33+
<table>
34+
<tbody><tr><td></td></tr></tbody>
35+
<tfoot><tr><th></th></tr></tfoot>
36+
<thead><tr><th></th></tr></thead>
37+
</table>
38+
<table>
39+
<tbody><tr><td></td></tr></tbody>
40+
<thead><tr><th></th></tr></thead>
41+
<tfoot><tr><th></th></tr></tfoot>
42+
</table>

0 commit comments

Comments
 (0)