1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/box-properties/box-sizing-1-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,76 @@
1.4 +<!DOCTYPE html>
1.5 +<html lang="en-US">
1.6 +<head>
1.7 + <title>test of box-sizing</title>
1.8 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1.9 + <meta http-equiv="Content-Style-Type" content="text/css">
1.10 + <style type="text/css">
1.11 +
1.12 + body { font-size: 10px; line-height: 1; }
1.13 + table { border-spacing: 0; margin: 0; }
1.14 + td { border: 1px solid; padding: 1px; }
1.15 +
1.16 + td > div { width: 100px; }
1.17 +
1.18 + td > div > div {
1.19 + margin-left: 1px;
1.20 + border-left: 2px solid;
1.21 + padding-left: 4px;
1.22 + padding-right: 8px;
1.23 + border-right: 16px solid;
1.24 + margin-right: 32px;
1.25 +
1.26 + background: yellow;
1.27 + margin-bottom: 1px;
1.28 +
1.29 + float: left;
1.30 + clear: left;
1.31 + }
1.32 +
1.33 + </style>
1.34 +</head>
1.35 +<body>
1.36 +
1.37 +<table><tr>
1.38 +
1.39 +<td id="bscontent"><div>
1.40 +
1.41 +<!-- box-sizing: content-box -->
1.42 +<div style="width: 37px">A B</div>
1.43 +<div style="width: auto">A B</div>
1.44 +<div style="width: auto">A<br>B</div>
1.45 +<div style="width: auto">A B</div>
1.46 +<div style="width: 37px">A B</div>
1.47 +<div style="width: 50px">A B</div>
1.48 +<div style="width: 60px">A B</div>
1.49 +
1.50 +</div></td>
1.51 +
1.52 +<td id="bspadding"><div>
1.53 +<!-- box-sizing: padding-box -->
1.54 +<div style="width: 37px">A B</div>
1.55 +<div style="width: auto">A B</div>
1.56 +<div style="width: auto">A<br>B</div>
1.57 +<div style="width: auto">A B</div>
1.58 +<div style="width: 37px">A B</div>
1.59 +<div style="width: 38px">A B</div>
1.60 +<div style="width: 48px">A B</div>
1.61 +
1.62 +</div></td>
1.63 +
1.64 +<td id="bsborder"><div>
1.65 +<!-- box-sizing: border-box -->
1.66 +<div style="width: 37px">A B</div>
1.67 +<div style="width: auto">A B</div>
1.68 +<div style="width: auto">A<br>B</div>
1.69 +<div style="width: auto">A B</div>
1.70 +<div style="width: 37px">A B</div>
1.71 +<div style="width: 20px">A B</div>
1.72 +<div style="width: 30px">A B</div>
1.73 +
1.74 +</div></td>
1.75 +
1.76 +</tr></table>
1.77 +
1.78 +</body>
1.79 +</html>
