layout/reftests/xul/object-position-png-002.xhtml

   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>