OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <link rel="match" href="table-cell-width-ref.html"> | 2 <link rel="match" href="table-cell-width-ref.html"> |
3 <style> | 3 <style> |
4 body { | 4 body { |
5 margin: 0; | 5 margin: 0; |
6 } | 6 } |
7 | 7 |
8 table { | 8 table { |
9 width: 400px; | 9 width: 400px; |
10 border-collapse: collapse; | 10 border-collapse: collapse; |
11 } | 11 } |
12 | 12 |
13 th { | 13 th { |
14 font-weight: normal; | 14 font-weight: normal; |
15 text-align: left; | 15 text-align: left; |
16 } | 16 } |
17 | 17 |
18 td, th { | 18 td, th { |
19 padding: 0; | 19 padding: 0; |
20 } | 20 } |
21 | 21 |
22 td:first-child, th:first-child { | 22 td:first-child, th:first-child { |
23 background-color: red; | 23 background-color: red; |
24 } | 24 } |
25 </style> | 25 </style> |
26 | 26 |
27 <!-- width=0 should be treated as 'auto' --> | 27 <!-- width=0 should be treated as 'auto' --> |
28 <table> | 28 <table> |
29 <tr> | 29 <tr> |
30 <th width=0>a</th> | 30 <th width=0>a</th> |
31 <th>a</th> | 31 <th>a</th> |
32 </tr> | 32 </tr> |
33 </table> | 33 </table> |
34 | 34 |
35 <table> | 35 <table> |
36 <tr> | 36 <tr> |
37 <td width=0>a</td> | 37 <td width=0>a</td> |
38 <td>a</td> | 38 <td>a</td> |
39 </tr> | 39 </tr> |
40 </table> | 40 </table> |
41 | 41 |
42 <!-- test valid width attribute value --> | 42 <!-- test valid width attribute value--> |
43 <table> | 43 <table> |
44 <tr> | 44 <tr> |
45 <th width=100>a</th> | 45 <th width=100>a</th> |
46 <th>a</th> | 46 <th>a</th> |
47 </tr> | 47 </tr> |
48 </table> | 48 </table> |
49 | 49 |
50 <table> | 50 <table> |
51 <tr> | 51 <tr> |
52 <td width=100>a</td> | 52 <td width=100>a</td> |
53 <td>a</td> | 53 <td>a</td> |
54 </tr> | 54 </tr> |
55 </table> | 55 </table> |
OLD | NEW |