Wed, 31 Dec 2014 07:53:36 +0100
Correct small whitespace inconsistency, lost while renaming variables.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Tests image rects that run off the source image bounds.
7 -->
8 <html>
9 <head>
10 <title>Testcases: -moz-image-rect() [bug 113577]</title>
11 <style>
12 div.wrapper {
13 width: 32px;
14 height: 32px;
15 margin: 10px;
16 background-color: red;
17 }
18 div.wrapper div {
19 width: 32px;
20 height: 32px;
21 background: no-repeat;
22 }
23 /* The final crop rect is computed by intersecting an image rect and the
24 source image bounds, so the following tests should display the bottom
25 right 16x16 corner of the image. */
26 #test1 {
27 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 16, 50, 50, 16);
28 }
29 #test2 {
30 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 50.000001%, 1000000%, 1000000%, 50.000001%);
31 }
32 </style>
33 </head>
34 <body>
35 <div class="wrapper"><div id="test1"></div></div>
36 <div class="wrapper"><div id="test2"></div></div>
37 </body>
38 </html>