image-size.xhtml (4834B)
1 <?xml version="1.0"?> 2 <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> 3 <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 4 5 <hbox align="end"> 6 <image src="image4x3.png"/> 7 <image src="image4x3.png" style="width: 80px; height: 20px"/> 8 <image src="image4x3.png" style="width: 10px; height: 70px"/> 9 <image src="image4x3.png" style="width: 80px"/> 10 <image src="image4x3.png" style="height: 60px"/> 11 <image src="image4x3.png" style="width: 20px"/> 12 <image src="image4x3.png" style="height: 15px"/> 13 <image src="image4x3.png" style="border: 8px solid green;"/> 14 <image src="image4x3.png" style="width: 80px; border: 8px solid yellow;"/> 15 <image src="image4x3.png" style="height: 58px; border: 8px solid green;"/> 16 <image src="image4x3.png" style="width: 24px; border: 8px solid yellow;"/> 17 <image src="image4x3.png" style="height: 22px; border: 8px solid green;"/> 18 <image src="image4x3.png" 19 style="width: 74px; border: 1px solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/> 20 <image src="image4x3.png" 21 style="height: 11px; border: 1px solid green; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/> 22 </hbox> 23 24 <hbox align="end"> 25 <image src="image4x3.png" style="width: auto; height: auto;"/> 26 <image src="image4x3.png" style="width: 80px; height: 20px;"/> 27 <image src="image4x3.png" style="width: 10px; height: 70px;"/> 28 <image src="image4x3.png" style="width: 80px;"/> 29 <image src="image4x3.png" style="height: 60px;"/> 30 <image src="image4x3.png" style="width: 20px;"/> 31 <image src="image4x3.png" style="height: 15px;"/> 32 <image src="image4x3.png" style="width: 60px; height: 25px;"/> 33 <image src="image4x3.png" style="width: 20px; height: 75px;"/> 34 <image src="image4x3.png" style="width: 80px; padding: 8px;"/> 35 <image src="image4x3.png" style="height: 58px; padding: 8px;"/> 36 <image src="image4x3.png" style="width: 24px; padding: 8px;"/> 37 <image src="image4x3.png" style="height: 22px; padding: 8px;"/> 38 <image src="image4x3.png" style="width: 67px; padding: 4px 2px 8px 1px"/> 39 <image src="image4x3.png" style="height: 18px; padding: 4px 2px 8px 1px"/> 40 </hbox> 41 42 <hbox align="end"> 43 <image src="image4x3.png" style="max-width: 20px"/> 44 </hbox> 45 46 <hbox align="end"> 47 <image src="image4x3.png" style="max-height: 15px"/> 48 </hbox> 49 50 <hbox align="end"> 51 <image src="image4x3.png" style="max-width: 30px; max-height: 25px"/> 52 </hbox> 53 54 <hbox align="end"> 55 <image src="image4x3.png" style="max-width: 20px;"/> 56 </hbox> 57 58 <hbox align="end"> 59 <image src="image4x3.png" style="max-height: 15px;"/> 60 </hbox> 61 62 <hbox align="end"> 63 <image src="image4x3.png" style="max-width: 30px; max-height: 25px;"/> 64 </hbox> 65 66 <hbox align="end"> 67 <image src="image4x3.png" style="width: 24px; border: 8px solid green;"/> 68 </hbox> 69 <hbox align="end"> 70 <image src="image4x3.png" style="max-height: 22px; border: 8px solid green;"/> 71 </hbox> 72 73 <hbox align="end"> 74 <image src="image4x3.png" style="min-width: 20px;"/> 75 <image src="image4x3.png" style="min-height: 20px;"/> 76 <image src="image4x3.png" style="min-width: 20px; min-height: 25px"/> 77 <image src="image4x3.png" style="min-width: 60px; border: 8px solid green;"/> 78 <image src="image4x3.png" style="min-height: 88px; border: 8px solid yellow;"/> 79 <image src="image4x3.png" style="min-width: 90px; min-height: 76px; border: 8px solid green;"/> 80 <image src="image4x3.png" style="min-width: 112px; min-height: 76px; border: 8px solid yellow;"/> 81 <image src="image4x3.png" 82 style="min-width: 106px; border: 1px solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/> 83 </hbox> 84 85 <hbox align="end"> 86 <image src="image4x3.png" style="min-width: 60px;"/> 87 <image src="image4x3.png" style="min-height: 90px;"/> 88 <image src="image4x3.png" style="min-width 41px; min-height: 45px;"/> 89 <image src="image4x3.png" style="min-width: 60px; padding: 8px;"/> 90 <image src="image4x3.png" style="min-height: 88px; padding: 8px;"/> 91 <image src="image4x3.png" style="min-width: 90px; min-height: 76px; padding: 8px;"/> 92 <image src="image4x3.png" style="min-width: 112px; min-height: 76px; padding: 8px;"/> 93 <image src="" style="list-style-image: url(image4x3.png); border: 1px solid blue"/> 94 <image id="dyn-1" src="image4x3.png" style="border: 1px solid green"/> 95 <image id="dyn-2" style="list-style-image: url(image4x3.png); border: 1px solid green"/> 96 <image style="-moz-default-appearance: checkbox; appearance: auto"/> 97 </hbox> 98 <script> 99 window.addEventListener("load", function() { 100 document.getElementById("dyn-1").removeAttribute("src"); 101 document.getElementById("dyn-2").style.listStyleImage = ""; 102 }); 103 </script> 104 </window>