1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/box-properties/box-sizing-4-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,78 @@
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 100px; }
1.14 + td { border: 1px solid; padding: 1px solid; }
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: 10px;
1.28 + float: right;
1.29 + clear: right;
1.30 + text-align: right;
1.31 + height: 40px;
1.32 + right: 0;
1.33 + }
1.34 +
1.35 + </style>
1.36 +</head>
1.37 +<body>
1.38 +
1.39 +<table><tr>
1.40 +
1.41 +<td id="bscontent"><div>
1.42 +
1.43 +<!-- box-sizing: content-box -->
1.44 +<div>A B</div>
1.45 +<div>A B</div>
1.46 +<div>A<br>B</div>
1.47 +<div>A B</div>
1.48 +<div style="width: 37px">A B</div>
1.49 +<div style="width: 50px">A B</div>
1.50 +<div style="width: 60px">A B</div>
1.51 +
1.52 +</div></td>
1.53 +
1.54 +<td id="bspadding"><div>
1.55 +<!-- box-sizing: padding-box -->
1.56 +<div>A B</div>
1.57 +<div>A B</div>
1.58 +<div>A<br>B</div>
1.59 +<div>A B</div>
1.60 +<div style="width: 37px">A B</div>
1.61 +<div style="width: 38px">A B</div>
1.62 +<div style="width: 48px">A B</div>
1.63 +
1.64 +</div></td>
1.65 +
1.66 +<td id="bsborder"><div>
1.67 +<!-- box-sizing: border-box -->
1.68 +<div>A B</div>
1.69 +<div>A B</div>
1.70 +<div>A<br>B</div>
1.71 +<div>A B</div>
1.72 +<div style="width: 37px">A B</div>
1.73 +<div style="width: 20px">A B</div>
1.74 +<div style="width: 30px">A B</div>
1.75 +
1.76 +</div></td>
1.77 +
1.78 +</tr></table>
1.79 +
1.80 +</body>
1.81 +</html>
