Initial import of Dillo
This commit is contained in:
42
test/html/render/img-aspect-ratio-mix-border.ref.html
Normal file
42
test/html/render/img-aspect-ratio-mix-border.ref.html
Normal file
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Test image aspect ratio while constrained</title>
|
||||
<style>
|
||||
body {margin: 20px}
|
||||
div {width: 640px; height: 640px; background: lightblue;}
|
||||
img {border: 10px solid green}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>All images should be 32px by 32px like this one:</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<p>Only one max-* constraint</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<p>One max-* and fixed size constraint</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<p>Two max-* constraints</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<p>Both min-* and max-* constrained</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<p>Bad constraints</p>
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
<img src="pic.png" style="width:32px;height:32px;">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user