layout/reftests/box-properties/width-special-values-cell-fixed.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-cell-fixed.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>-moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</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 +    td table { table-layout: fixed; width: 200px; }
    1.15 +    td td:first-child {
    1.16 +      border-left: 1px solid;
    1.17 +      padding-left: 2px;
    1.18 +      padding-right: 4px;
    1.19 +      border-right: 8px solid;
    1.20 +
    1.21 +      background: yellow;
    1.22 +    }
    1.23 +
    1.24 +  </style>
    1.25 +</head>
    1.26 +<body>
    1.27 +
    1.28 +<table border><tr>
    1.29 +<td>
    1.30 +<!-- width -->
    1.31 +<table border><tr><td style="width: -moz-max-content">A B</td><td></td></tr></table>
    1.32 +<table border><tr><td style="width: -moz-min-content">A B</td><td></td></tr></table>
    1.33 +<table border><tr><td style="width: -moz-fit-content">A B</td><td></td></tr></table>
    1.34 +<table border><tr><td style="width: -moz-available">A B</td><td></td></tr></table>
    1.35 +
    1.36 +</td>
    1.37 +<td>
    1.38 +<!-- min-width -->
    1.39 +
    1.40 +<table border><tr><td style="min-width: -moz-max-content">A B</td><td></td></tr></table>
    1.41 +<table border><tr><td style="min-width: -moz-min-content">A B</td><td></td></tr></table>
    1.42 +<table border><tr><td style="min-width: -moz-fit-content">A B</td><td></td></tr></table>
    1.43 +<table border><tr><td style="min-width: -moz-available">A B</td><td></td></tr></table>
    1.44 +
    1.45 +<table border><tr><td style="width: 1px; min-width: -moz-max-content">A B</td><td></td></tr></table>
    1.46 +<table border><tr><td style="width: 1px; min-width: -moz-min-content">A B</td><td></td></tr></table>
    1.47 +<table border><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td><td></td></tr></table>
    1.48 +<table border><tr><td style="width: 1px; min-width: -moz-available">A B</td><td></td></tr></table>
    1.49 +
    1.50 +</td>
    1.51 +<td>
    1.52 +<!-- max-width -->
    1.53 +
    1.54 +<table border><tr><td style="max-width: -moz-max-content">A B</td><td></td></tr></table>
    1.55 +<table border><tr><td style="max-width: -moz-min-content">A B</td><td></td></tr></table>
    1.56 +<table border><tr><td style="max-width: -moz-fit-content">A B</td><td></td></tr></table>
    1.57 +<table border><tr><td style="max-width: -moz-available">A B</td><td></td></tr></table>
    1.58 +
    1.59 +<table border><tr><td style="width: 150px; max-width: -moz-max-content">A B</td><td></td></tr></table>
    1.60 +<table border><tr><td style="width: 150px; max-width: -moz-min-content">A B</td><td></td></tr></table>
    1.61 +<table border><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td><td></td></tr></table>
    1.62 +<table border><tr><td style="width: 150px; max-width: -moz-available">A B</td><td></td></tr></table>
    1.63 +
    1.64 +
    1.65 +</td>
    1.66 +</tr></table>
    1.67 +
    1.68 +
    1.69 +</body>
    1.70 +</html>

mercurial