min-intrinsic-with-percents-across-img-cases.html (1731B)
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>