Index: LayoutTests/fast/css/object-fit-shrink.html |
diff --git a/LayoutTests/fast/css/object-fit-shrink.html b/LayoutTests/fast/css/object-fit-shrink.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..21beb4c54b436af8baaa9cebfa682b140ae7c672 |
--- /dev/null |
+++ b/LayoutTests/fast/css/object-fit-shrink.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+ |
+<html> |
+ <head> |
+ <style type="text/css"> |
+ img { |
+ display: inline-block; |
+ height: 72px; |
+ width: 72px; |
+ margin: 10px; |
+ border: 1px solid black; |
+ background-color: gray; |
+ } |
+ </style> |
+ </head> |
+ <body> |
+ |
+ <!-- Large images, should be scaled down when allowed. --> |
+ <img style="object-fit: fill;" src="resources/circles-landscape.png"> |
+ <img style="object-fit: contain;" src="resources/circles-landscape.png"> |
+ <img style="object-fit: cover;" src="resources/circles-landscape.png"> |
+ <img style="object-fit: none;" src="resources/circles-landscape.png"> |
+ <img style="object-fit: scale-down;" src="resources/circles-landscape.png"> |
+ <br> |
+ <br> |
+ |
+ <img style="object-fit: fill;" src="resources/circles-portrait.png"> |
+ <img style="object-fit: contain;" src="resources/circles-portrait.png"> |
+ <img style="object-fit: cover;" src="resources/circles-portrait.png"> |
+ <img style="object-fit: none;" src="resources/circles-portrait.png"> |
+ <img style="object-fit: scale-down;" src="resources/circles-portrait.png"> |
+ <br> |
+ |
+ </body> |
+</html> |