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