layout/reftests/xul/object-position-png-001.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_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>