OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 body { | 3 body { |
4 width: 600px; | 4 width: 600px; |
5 } | 5 } |
6 | 6 |
7 div { | 7 div { |
8 display: inline-block; | 8 display: inline-block; |
9 margin: 20px; | 9 margin: 20px; |
10 } | 10 } |
11 | 11 |
12 object, img, input[type="image"], canvas, embed, iframe { | 12 object, img, input[type="image"], canvas, embed, iframe { |
13 margin-top: 5px; | 13 margin-top: 5px; |
14 border: 10px solid rgba(0, 0, 0, 0.5); | 14 border: 10px solid rgba(0, 0, 0, 0.5); |
15 padding: 5px; | 15 padding: 5px; |
16 background-color: red; | 16 background-color: red; |
17 background-clip: content-box; | 17 background-clip: content-box; |
18 border-radius: 100px 50px 10px; | 18 border-radius: 100px 50px 10px; |
19 display: block; | 19 display: block; |
20 height: 100px; | 20 height: 100px; |
21 width: 100px; | 21 width: 100px; |
22 } | 22 } |
23 </style> | 23 </style> |
24 | 24 |
25 <script> | 25 <script> |
26 if (window.testRunner) { | 26 if (window.testRunner) { |
27 testRunner.dumpAsText(true); | 27 testRunner.dumpAsTextWithPixelResults(); |
28 testRunner.setPluginsEnabled(false); | 28 testRunner.setPluginsEnabled(false); |
29 } | 29 } |
30 </script> | 30 </script> |
31 | 31 |
32 <body> | 32 <body> |
33 <!-- Replaced elements with border-radius should clip to the content edge curve.
--> | 33 <!-- Replaced elements with border-radius should clip to the content edge curve.
--> |
34 | 34 |
35 <div> | 35 <div> |
36 <object data="resources/square-blue-100x100.png"></object> | 36 <object data="resources/square-blue-100x100.png"></object> |
37 </div> | 37 </div> |
(...skipping 16 matching lines...) Expand all Loading... |
54 </div> | 54 </div> |
55 | 55 |
56 <div> | 56 <div> |
57 <iframe src="resources/square-blue-100x100.png"></iframe> | 57 <iframe src="resources/square-blue-100x100.png"></iframe> |
58 </div> | 58 </div> |
59 | 59 |
60 <div> | 60 <div> |
61 <embed src="resources/square-blue-100x100.png"></embed> | 61 <embed src="resources/square-blue-100x100.png"></embed> |
62 </div> | 62 </div> |
63 </body> | 63 </body> |
OLD | NEW |