Implement object-fit CSS property
[WebKit-https.git] / LayoutTests / fast / css / object-fit / object-fit-grow-portrait.html
1 <!DOCTYPE html>
2
3 <html>
4   <head>
5     <title>object-fit, portrait images smaller than content box</title>
6     <style type="text/css">
7       img {
8         display: inline-block;
9         height: 144px;
10         width: 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-portrait-small.png">
21     <img style="object-fit: contain;" src="../resources/circles-portrait-small.png">
22     <img style="object-fit: cover;" src="../resources/circles-portrait-small.png">
23     <img style="object-fit: none;" src="../resources/circles-portrait-small.png">
24     <img style="object-fit: scale-down;" src="../resources/circles-portrait-small.png">
25
26   </body>
27 </html>