object-position-png-001.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_y-7 { object-position: 50% -7% } 18 .op_y13 { object-position: 50% 13% } 19 .op_y23 { object-position: 50% 23% } 20 .op_y50 { object-position: 50% 50% } 21 .op_y75 { object-position: 50% 75% } 22 .op_y88 { object-position: 50% 88% } 23 .op_y111 { object-position: 50% 111% } 24 25 ]]></style> 26 <hbox> 27 <image src="colors-16x8.png" class="op_y-7"/> 28 <image src="colors-16x8.png" class="op_y13"/> 29 <image src="colors-16x8.png" class="op_y23"/> 30 <image src="colors-16x8.png" class="op_y50"/> 31 <image src="colors-16x8.png" class="op_y75"/> 32 <image src="colors-16x8.png" class="op_y88"/> 33 <image src="colors-16x8.png" class="op_y111"/> 34 </hbox> 35 </window>