object-position-png-002.xhtml (1169B)
1 <?xml version="1.0"?> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 7 <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[ 8 window { padding: 8px; } 9 image { 10 background: lightgray; 11 margin-right: 2px; 12 object-fit: contain; 13 width: 20px; 14 height: 20px; 15 } 16 17 .op_x-7 { object-position: -7% 50% } 18 .op_x13 { object-position: 13% 50% } 19 .op_x23 { object-position: 23% 50% } 20 .op_x50 { object-position: 50% 50% } 21 .op_x75 { object-position: 75% 50% } 22 .op_x88 { object-position: 88% 50% } 23 .op_x111 { object-position: 111% 50% } 24 25 ]]></style> 26 <hbox> 27 <image src="colors-8x16.png" class="op_x-7"/> 28 <image src="colors-8x16.png" class="op_x13"/> 29 <image src="colors-8x16.png" class="op_x23"/> 30 <image src="colors-8x16.png" class="op_x50"/> 31 <image src="colors-8x16.png" class="op_x75"/> 32 <image src="colors-8x16.png" class="op_x88"/> 33 <image src="colors-8x16.png" class="op_x111"/> 34 </hbox> 35 </window>