| 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 |