layout/reftests/image-rect/background-common-usage-pixel.html@7e26c7da4463
layout/reftests/image-rect/background-common-usage-pixel.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Tests some common usages of -moz-image-rect() with image rect specified by
7 pixel values.
8 -->
9 <html>
10 <head>
11 <title>Testcases: -moz-image-rect() [bug 113577]</title>
12 <style>
13 div.wrapper {
14 width: 32px;
15 height: 32px;
16 margin: 10px;
17 background-color: red;
18 }
19 div.wrapper div {
20 width: 32px;
21 height: 32px;
22 background: no-repeat;
23 }
24 #test1 {
25 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 0, 32, 32, 0);
26 }
27 #test2 {
28 background-image: -moz-image-rect(url(transparent-16x16-in-blue-32x32.png), 0, 32, 16, 0);
29 }
30 #test3 {
31 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 0, 16, 16, 0);
32 }
33 #test4 {
34 background-color: yellow;
35 background-image: -moz-image-rect(url(transparent-16x16-in-blue-32x32.png), 16, 32, 32, 16);
36 }
37 </style>
38 </head>
39 <body>
40 <div class="wrapper"><div id="test1"></div></div>
41 <div class="wrapper"><div id="test2"></div></div>
42 <div class="wrapper"><div id="test3"></div></div>
43 <div class="wrapper"><div id="test4"></div></div>
44 </body>
45 </html>
