layout/reftests/css-sizing/min-intrinsic-with-percents-across-img-cases.html

   1 <!DOCTYPE HTML>
   2 <title>Tests for bug 823483</title>
   3 <style>
   4
   5 td:first-child {
   6    background: aqua;
   7    border: thin solid;
   8    padding: 2px 0;
   9 }
  10
  11 td:nth-child(2) {
  12   width: 100%;
  13 }
  14
  15 img { vertical-align: bottom }
  16
  17 </style>
  18
  19
  20 <table><tr>
  21   <td><img></td>
  22   <td>unstyled</td>
  23 </tr></table>
  24
  25 <table><tr>
  26   <td><img style="width: 10px"></td>
  27   <td>width: 10px</td>
  28 </tr></table>
  29
  30 <table><tr>
  31   <td><img style="width: 50%"></td>
  32   <td>width: 50%</td>
  33 </tr></table>
  34
  35 <table><tr>
  36   <td><img style="min-width: 50%"></td>
  37   <td>min-width: 50%</td>
  38 </tr></table>
  39
  40 <table><tr>
  41   <td><img style="max-width: 50%"></td>
  42   <td>max-width: 50%</td>
  43 </tr></table>
  44
  45 <table><tr>
  46   <td><img style="width: 10px; max-width: 50%"></td>
  47   <td>width: 10px; max-width: 50%</td>
  48 </tr></table>
  49
  50 <table><tr>
  51   <td><img style="width: 10px; min-width: 50%"></td>
  52   <td>width: 10px; min-width: 50%</td>
  53 </tr></table>
  54
  55 <table><tr>
  56   <td><img style="width: 150%"></td>
  57   <td>width: 150%</td>
  58 </tr></table>
  59
  60 <table><tr>
  61   <td><img style="min-width: 150%"></td>
  62   <td>min-width: 150%</td>
  63 </tr></table>
  64
  65 <table><tr>
  66   <td><img style="max-width: 150%"></td>
  67   <td>max-width: 150%</td>
  68 </tr></table>
  69
  70 <table><tr>
  71   <td><img style="width: 10px; max-width: 150%"></td>
  72   <td>width: 10px; max-width: 150%</td>
  73 </tr></table>
  74
  75 <table><tr>
  76   <td><img style="width: 10px; min-width: 150%"></td>
  77   <td>width: 10px; min-width: 150%</td>
  78 </tr></table>
  79
  80 <script>
  81
  82 var images = document.getElementsByTagName("img");
  83 for (var i = 0; i < images.length; ++i) {
  84   var image = images[i];
  85   image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII=";
  86 }
  87
  88 </script>