layout/reftests/box-properties/box-sizing-2-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/box-properties/box-sizing-2-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,67 @@
     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 solid; }
    1.15 +
    1.16 +    td td > div {
    1.17 +      margin-left: 1px;
    1.18 +      border-left: 2px solid;
    1.19 +      padding-left: 4px;
    1.20 +      padding-right: 8px;
    1.21 +      border-right: 16px solid;
    1.22 +      margin-right: 32px;
    1.23 +
    1.24 +      background: yellow;
    1.25 +    }
    1.26 +
    1.27 +  </style>
    1.28 +</head>
    1.29 +<body>
    1.30 +
    1.31 +<table><tr>
    1.32 +
    1.33 +<td id="bscontent">
    1.34 +
    1.35 +<!-- box-sizing: content-box -->
    1.36 +<table><tr><td><div>A B</div></td></tr></table>
    1.37 +<table><tr><td><div>A B</div></td></tr></table>
    1.38 +<table><tr><td><div>A<br>B</div></td></tr></table>
    1.39 +<table><tr><td><div>A B</div></td></tr></table>
    1.40 +<table><tr><td><div>A B</div></td></tr></table>
    1.41 +<table><tr><td><div style="width: 150px">A B</div></td></tr></table>
    1.42 +
    1.43 +</td>
    1.44 +
    1.45 +<td id="bspadding">
    1.46 +<!-- box-sizing: padding-box -->
    1.47 +<table><tr><td><div>A B</div></td></tr></table>
    1.48 +<table><tr><td><div>A B</div></td></tr></table>
    1.49 +<table><tr><td><div>A<br>B</div></td></tr></table>
    1.50 +<table><tr><td><div>A B</div></td></tr></table>
    1.51 +<table><tr><td><div>A B</div></td></tr></table>
    1.52 +<table><tr><td><div style="width: 138px">A B</div></td></tr></table>
    1.53 +
    1.54 +</td>
    1.55 +
    1.56 +<td id="bsborder">
    1.57 +<!-- box-sizing: border-box -->
    1.58 +<table><tr><td><div>A B</div></td></tr></table>
    1.59 +<table><tr><td><div>A B</div></td></tr></table>
    1.60 +<table><tr><td><div>A<br>B</div></td></tr></table>
    1.61 +<table><tr><td><div>A B</div></td></tr></table>
    1.62 +<table><tr><td><div>A B</div></td></tr></table>
    1.63 +<table><tr><td><div style="width: 120px">A B</div></td></tr></table>
    1.64 +
    1.65 +</td>
    1.66 +
    1.67 +</tr></table>
    1.68 +
    1.69 +</body>
    1.70 +</html>

mercurial