layout/xul/reftest/image-size.xul

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/xul/reftest/image-size.xul	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,123 @@
     1.4 +<?xml version="1.0"?>
     1.5 +<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
     1.6 +<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
     1.7 +
     1.8 +<hbox align="end">
     1.9 +  <image src="image4x3.png"/>
    1.10 +  <image src="image4x3.png" width="80" height="20"/>
    1.11 +  <image src="image4x3.png" width="10" height="70"/>
    1.12 +  <image src="image4x3.png" width="80"/>
    1.13 +  <image src="image4x3.png" height="60"/>
    1.14 +  <image src="image4x3.png" width="20"/>
    1.15 +  <image src="image4x3.png" height="15"/>
    1.16 +  <image src="image4x3.png" style="border: 8px solid green;"/>
    1.17 +  <image src="image4x3.png" width="80" style="border: 8px solid yellow;"/>
    1.18 +  <image src="image4x3.png" height="58" style="border: 8px solid green;"/>
    1.19 +  <image src="image4x3.png" width="24" style="border: 8px solid yellow;"/>
    1.20 +  <image src="image4x3.png" height="22" style="border: 8px solid green;"/>
    1.21 +  <image src="image4x3.png" width="74"
    1.22 +         style="border: 1px solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
    1.23 +  <image src="image4x3.png" height="11"
    1.24 +         style="border: 1px solid green; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
    1.25 +</hbox>
    1.26 +
    1.27 +<hbox align="end">
    1.28 +  <image src="image4x3.png" style="width: auto; height: auto;"/>
    1.29 +  <image src="image4x3.png" style="width: 80px; height: 20px;"/>
    1.30 +  <image src="image4x3.png" style="width: 10px; height: 70px;"/>
    1.31 +  <image src="image4x3.png" style="width: 80px;"/>
    1.32 +  <image src="image4x3.png" style="height: 60px;"/>
    1.33 +  <image src="image4x3.png" style="width: 20px;"/>
    1.34 +  <image src="image4x3.png" style="height: 15px;"/>
    1.35 +  <image src="image4x3.png" style="width: 80px; height: 20px;" width="60" height="25"/>
    1.36 +  <image src="image4x3.png" style="width: 10px; height: 70px;" width="20" height="75"/>
    1.37 +  <image src="image4x3.png" style="width: 80px; padding: 8px;"/>
    1.38 +  <image src="image4x3.png" style="height: 58px; padding: 8px;"/>
    1.39 +  <image src="image4x3.png" style="width: 24px; padding: 8px;"/>
    1.40 +  <image src="image4x3.png" style="height: 22px; padding: 8px;"/>
    1.41 +  <image src="image4x3.png" style="width: 67px; padding: 4px 2px 8px 1px"/>
    1.42 +  <image src="image4x3.png" style="height: 18px; padding: 4px 2px 8px 1px"/>
    1.43 +</hbox>
    1.44 +
    1.45 +<hbox align="end">
    1.46 +  <image src="image4x3.png" maxwidth="20"/>
    1.47 +</hbox>
    1.48 +
    1.49 +<hbox align="end">
    1.50 +  <image src="image4x3.png" maxheight="15"/>
    1.51 +</hbox>
    1.52 +
    1.53 +<hbox align="end">
    1.54 +  <image src="image4x3.png" maxwidth="30" maxheight="25"/>
    1.55 +</hbox>
    1.56 +
    1.57 +<hbox align="end">
    1.58 +  <image src="image4x3.png" style="max-width: 20px;"/>
    1.59 +</hbox>
    1.60 +
    1.61 +<hbox align="end">
    1.62 +  <image src="image4x3.png" style="max-height: 15px;"/>
    1.63 +</hbox>
    1.64 +
    1.65 +<hbox align="end">
    1.66 +  <image src="image4x3.png" style="max-width: 30px; max-height: 25px;"/>
    1.67 +</hbox>
    1.68 +
    1.69 +<hbox align="end">
    1.70 +  <image src="image4x3.png" maxwidth="24" style="border: 8px solid green;"/>
    1.71 +</hbox>
    1.72 +<hbox align="end">
    1.73 +  <image src="image4x3.png" maxheight="22" style="border: 8px solid green;"/>
    1.74 +</hbox>
    1.75 +
    1.76 +<hbox align="end">
    1.77 +  <image src="image4x3.png" minwidth="20"/>
    1.78 +  <image src="image4x3.png" minheight="20"/>
    1.79 +  <image src="image4x3.png" minwidth="20" minheight="25"/>
    1.80 +  <image src="image4x3.png" minwidth="60" style="border: 8px solid green;"/>
    1.81 +  <image src="image4x3.png" minheight="88" style="border: 8px solid yellow;"/>
    1.82 +  <image src="image4x3.png" minwidth="90" minheight="76" style="border: 8px solid green;"/>
    1.83 +  <image src="image4x3.png" minwidth="112" minheight="76" style="border: 8px solid yellow;"/>
    1.84 +  <image src="image4x3.png" minwidth="106"
    1.85 +         style="border: 1px solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
    1.86 +</hbox>
    1.87 +
    1.88 +<hbox align="end">
    1.89 +  <image src="image4x3.png" style="min-width: 60px;"/>
    1.90 +  <image src="image4x3.png" style="min-height: 90px;"/>
    1.91 +  <image src="image4x3.png" style="min-width 41px; min-height: 45px;"/>
    1.92 +  <image src="image4x3.png" style="min-width: 60px; padding: 8px;"/>
    1.93 +  <image src="image4x3.png" style="min-height: 88px; padding: 8px;"/>
    1.94 +  <image src="image4x3.png" style="min-width: 90px; min-height: 76px; padding: 8px;"/>
    1.95 +  <image src="image4x3.png" style="min-width: 112px; min-height: 76px; padding: 8px;"/>
    1.96 +</hbox>
    1.97 +
    1.98 +<hbox align="start">
    1.99 +  <image style="width: auto; height: auto; list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px);"/>
   1.100 +  <image width="80" style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px);"/>
   1.101 +  <image height="30" style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px);"/>
   1.102 +  <image style="width: 10px; list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 21px, 5px);"/>
   1.103 +  <image style="height: 8px; list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 21px, 5px);"/>
   1.104 +</hbox>
   1.105 +
   1.106 +<hbox align="end">
   1.107 +  <image maxwidth="20"
   1.108 +         style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px);"/>
   1.109 +</hbox>
   1.110 +
   1.111 +<hbox align="end">
   1.112 +  <image maxheight="15"
   1.113 +         style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px);"/>
   1.114 +</hbox>
   1.115 +
   1.116 +<hbox align="end">
   1.117 +  <image maxwidth="24"
   1.118 +         style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px); border: 8px solid green;"/>
   1.119 +</hbox>
   1.120 +
   1.121 +<hbox align="end">
   1.122 +  <image maxheight="22"
   1.123 +         style="list-style-image: url(image4x3.png); -moz-image-region: rect(5px, 25px, 20px, 5px); border: 8px solid green;"/>
   1.124 +</hbox>
   1.125 +
   1.126 +</window>

mercurial