layout/reftests/box-properties/width-special-values-cell-fixed.html@141e0f1194b1
layout/reftests/box-properties/width-special-values-cell-fixed.html
Wed, 31 Dec 2014 07:16:47 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:16:47 +0100
- branch
- TOR_BUG_9701
- changeset 3
- 141e0f1194b1
- permissions
- -rw-r--r--
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html lang="en-US">
3 <head>
4 <title>-moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta http-equiv="Content-Style-Type" content="text/css">
7 <style type="text/css">
9 body { font-size: 10px; line-height: 1; }
11 td table { table-layout: fixed; width: 200px; }
12 td td:first-child {
13 border-left: 1px solid;
14 padding-left: 2px;
15 padding-right: 4px;
16 border-right: 8px solid;
18 background: yellow;
19 }
21 </style>
22 </head>
23 <body>
25 <table border><tr>
26 <td>
27 <!-- width -->
28 <table border><tr><td style="width: -moz-max-content">A B</td><td></td></tr></table>
29 <table border><tr><td style="width: -moz-min-content">A B</td><td></td></tr></table>
30 <table border><tr><td style="width: -moz-fit-content">A B</td><td></td></tr></table>
31 <table border><tr><td style="width: -moz-available">A B</td><td></td></tr></table>
33 </td>
34 <td>
35 <!-- min-width -->
37 <table border><tr><td style="min-width: -moz-max-content">A B</td><td></td></tr></table>
38 <table border><tr><td style="min-width: -moz-min-content">A B</td><td></td></tr></table>
39 <table border><tr><td style="min-width: -moz-fit-content">A B</td><td></td></tr></table>
40 <table border><tr><td style="min-width: -moz-available">A B</td><td></td></tr></table>
42 <table border><tr><td style="width: 1px; min-width: -moz-max-content">A B</td><td></td></tr></table>
43 <table border><tr><td style="width: 1px; min-width: -moz-min-content">A B</td><td></td></tr></table>
44 <table border><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td><td></td></tr></table>
45 <table border><tr><td style="width: 1px; min-width: -moz-available">A B</td><td></td></tr></table>
47 </td>
48 <td>
49 <!-- max-width -->
51 <table border><tr><td style="max-width: -moz-max-content">A B</td><td></td></tr></table>
52 <table border><tr><td style="max-width: -moz-min-content">A B</td><td></td></tr></table>
53 <table border><tr><td style="max-width: -moz-fit-content">A B</td><td></td></tr></table>
54 <table border><tr><td style="max-width: -moz-available">A B</td><td></td></tr></table>
56 <table border><tr><td style="width: 150px; max-width: -moz-max-content">A B</td><td></td></tr></table>
57 <table border><tr><td style="width: 150px; max-width: -moz-min-content">A B</td><td></td></tr></table>
58 <table border><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td><td></td></tr></table>
59 <table border><tr><td style="width: 150px; max-width: -moz-available">A B</td><td></td></tr></table>
62 </td>
63 </tr></table>
66 </body>
67 </html>
