layout/reftests/box-properties/width-special-values-block.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/box-properties/width-special-values-block.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,54 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html lang="en-US">
     1.6 +<head>
     1.7 +  <title>-moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</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 +
    1.14 +    div {
    1.15 +      margin-left: 1px;
    1.16 +      border-left: 2px solid;
    1.17 +      padding-left: 4px;
    1.18 +      padding-right: 8px;
    1.19 +      border-right: 16px solid;
    1.20 +      margin-right: 32px;
    1.21 +
    1.22 +      background: yellow;
    1.23 +      margin-bottom: 1px;
    1.24 +    }
    1.25 +
    1.26 +    div.v1 { width: -moz-max-content; }
    1.27 +    div.v2 { width: -moz-min-content; }
    1.28 +    div.v3 { width: -moz-fit-content; }
    1.29 +    div.v4 { width: -moz-available; }
    1.30 +
    1.31 +    div.s1 { box-sizing: content; }
    1.32 +    div.s2 { box-sizing: padding; }
    1.33 +    div.s3 { box-sizing: border; }
    1.34 +
    1.35 +  </style>
    1.36 +</head>
    1.37 +<body style="width: 100px">
    1.38 +<div class="v1 s1">A B</div>
    1.39 +<div class="v1 s2">A B</div>
    1.40 +<div class="v1 s3">A B</div>
    1.41 +<div class="v2 s1">A B</div>
    1.42 +<div class="v2 s2">A B</div>
    1.43 +<div class="v2 s3">A B</div>
    1.44 +<div class="v3 s1">A B</div>
    1.45 +<div class="v3 s2">A B</div>
    1.46 +<div class="v3 s3">A B</div>
    1.47 +<div class="v3 s1">A B C D E F G H I J</div>
    1.48 +<div class="v3 s2">A B C D E F G H I J</div>
    1.49 +<div class="v3 s3">A B C D E F G H I J</div>
    1.50 +<div class="v3 s1">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
    1.51 +<div class="v3 s2">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
    1.52 +<div class="v3 s3">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA B</div>
    1.53 +<div class="v4 s1">A B</div>
    1.54 +<div class="v4 s2">A B</div>
    1.55 +<div class="v4 s3">A B</div>
    1.56 +</body>
    1.57 +</html>

mercurial