layout/reftests/box-properties/width-special-values-cell-fixed-ref.html

   1 <!DOCTYPE html>
   2 <html lang="en-US">
   3 <head>
   4   <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</title>
   5   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6   <meta http-equiv="Content-Style-Type" content="text/css">
   7   <style type="text/css">
   8
   9     body { font-size: 10px; line-height: 1; }
  10
  11     td table { width: 200px; }
  12     td td:first-child {
  13       border-left: 1px solid;
  14       padding-left: 2px;
  15       padding-right: 4px;
  16       border-right: 8px solid;
  17
  18       background: yellow;
  19     }
  20
  21   </style>
  22 </head>
  23 <body>
  24
  25 <table border><tr>
  26 <td>
  27 <!-- width -->
  28 <table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
  29 <table border><tr><td width="1">A B</td><td></td></tr></table>
  30 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  31 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  32
  33 </td>
  34 <td>
  35 <!-- min-width -->
  36
  37 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  38 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  39 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  40 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  41
  42 <table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
  43 <table border><tr><td width="1">A B</td><td></td></tr></table>
  44 <table border><tr><td width="1">A B</td><td></td></tr></table>
  45 <table border><tr><td width="1"><div style="width: 1px">A B</div></td><td></td></tr></table>
  46
  47 </td>
  48 <td>
  49 <!-- max-width -->
  50
  51 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  52 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  53 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  54 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table>
  55
  56 <table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
  57 <table border><tr><td width="1">A B</td><td></td></tr></table>
  58 <table border><tr><td width="1">A&nbsp;B</td><td></td></tr></table>
  59 <table border><tr><td width="150">A B</td><td></td></tr></table>
  60
  61 </td>
  62 </tr></table>
  63
  64
  65 </body>
  66 </html>