equal
deleted
inserted
replaced
|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <title>CSS Test: Number of background properties greater than number of background images</title> |
|
5 <style type="text/css"> |
|
6 div |
|
7 { |
|
8 margin: 10px; |
|
9 width: 250px; |
|
10 height: 250px; |
|
11 border: thick solid black; |
|
12 } |
|
13 #test |
|
14 { |
|
15 background-image: url("resources/non-animated.gif"), url("resources/non-animated.gif"), url("resources/non-animated.gif"); |
|
16 background-position: right bottom, right top, left bottom, left center, right center; |
|
17 background-repeat: no-repeat, no-repeat, repeat-x, repeat, repeat-y; |
|
18 } |
|
19 #reference |
|
20 { |
|
21 background-image: url("resources/non-animated.gif"), url("resources/non-animated.gif"), url("resources/non-animated.gif"); |
|
22 background-position: right bottom, right top, left bottom; |
|
23 background-repeat: no-repeat, no-repeat, repeat-x; |
|
24 } |
|
25 </style> |
|
26 </head> |
|
27 <body> |
|
28 <p>Test passes if the contents of the black boxes look exactly the same.</p> |
|
29 <table> |
|
30 <td> |
|
31 <div id="test"></div> |
|
32 </td> |
|
33 <td> |
|
34 <div id="reference"></div> |
|
35 </td> |
|
36 </table> |
|
37 </body> |
|
38 </html> |