layout/reftests/box-properties/box-sizing-2.html@8bccb770b82d
layout/reftests/box-properties/box-sizing-2.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE html>
2 <html lang="en-US">
3 <head>
4 <title>test of box-sizing</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; }
10 table { border-spacing: 0; margin: 0; }
11 td { border: 1px solid; padding: 1px solid; }
13 td#bscontent td > div { box-sizing: content-box; }
14 td#bspadding td > div { box-sizing: padding-box; }
15 td#bsborder td > div { box-sizing: border-box; }
17 td td > div {
18 margin-left: 1px;
19 border-left: 2px solid;
20 padding-left: 4px;
21 padding-right: 8px;
22 border-right: 16px solid;
23 margin-right: 32px;
25 background: yellow;
26 }
28 </style>
29 </head>
30 <body>
32 <table><tr>
34 <td id="bscontent">
36 <!-- box-sizing: content-box -->
37 <table><tr><td><div style="width: auto">A B</div></td></tr></table>
38 <table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
39 <table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>
40 <table><tr><td><div style="width: -moz-fit-content">A B</div></td></tr></table>
41 <table><tr><td><div style="width: -moz-available">A B</div></td></tr></table>
42 <table><tr><td><div style="width: 150px">A B</div></td></tr></table>
44 </td>
46 <td id="bspadding">
47 <!-- box-sizing: padding-box -->
48 <table><tr><td><div style="width: auto">A B</div></td></tr></table>
49 <table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
50 <table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>
51 <table><tr><td><div style="width: -moz-fit-content">A B</div></td></tr></table>
52 <table><tr><td><div style="width: -moz-available">A B</div></td></tr></table>
53 <table><tr><td><div style="width: 150px">A B</div></td></tr></table>
55 </td>
57 <td id="bsborder">
58 <!-- box-sizing: border-box -->
59 <table><tr><td><div style="width: auto">A B</div></td></tr></table>
60 <table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
61 <table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>
62 <table><tr><td><div style="width: -moz-fit-content">A B</div></td></tr></table>
63 <table><tr><td><div style="width: -moz-available">A B</div></td></tr></table>
64 <table><tr><td><div style="width: 150px">A B</div></td></tr></table>
66 </td>
68 </tr></table>
70 </body>
71 </html>
