third_party/WebKit/LayoutTests/fast/css/object-fit-grow-landscape.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4   <head>
   5     <title>object-fit, landscape images smaller than content box</title>
   6     <style type="text/css">
   7       img {
   8         display: inline-block;
   9         width: 144px;
  10         height: 144px;
  11         margin: 10px;
  12         border: 1px solid black;
  13         background-color: gray;
  14       }
  15     </style>
  16   </head>
  17   <body>
  18
  19     <!-- Small images, should be scaled up when allowed. -->
  20     <img style="object-fit: fill;" src="resources/circles-landscape-small.png">
  21     <img style="object-fit: contain;" src="resources/circles-landscape-small.png">
  22     <img style="object-fit: cover;" src="resources/circles-landscape-small.png">
  23     <img style="object-fit: none;" src="resources/circles-landscape-small.png">
  24     <img style="object-fit: scale-down;" src="resources/circles-landscape-small.png">
  25
  26   </body>
  27 </html>