Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(51)

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script> 4 <script>
5 if (window.internals) 5 if (window.internals)
6 window.internals.settings.setCSSShapesEnabled(true); 6 window.internals.settings.setCSSShapesEnabled(true);
7 </script> 7 </script>
8 <style> 8 <style>
9 #container { 9 #container {
10 font: 20px Ahem, sans-serif; 10 font: 20px Ahem, sans-serif;
11 line-height: 20px; 11 line-height: 20px;
12 position: relative; 12 position: relative;
13 } 13 }
14 #shape-inside { 14 #shape-inside {
15 width: 200px; 15 width: 200px;
16 height: 200px; 16 height: 200px;
17 background-color: green; 17 background-color: green;
18 border-bottom: 30px solid yellow; 18 border-bottom: 30px solid yellow;
19 padding-top: 15px; 19 padding-top: 15px;
20 padding-bottom: 10px; 20 padding-bottom: 10px;
21 shape-inside: rectangle(50px, 0px, 100px, 50px); 21 shape-inside: polygon(50px 0px, 150px 0px, 150px 50px, 50px 50px);
22 } 22 }
23 #border { 23 #border {
24 position: absolute; 24 position: absolute;
25 margin-top: 13px; 25 margin-top: 13px;
26 left: 48px; 26 left: 48px;
27 width: 100px; 27 width: 100px;
28 height: 40px; 28 height: 40px;
29 border: 2px solid blue; 29 border: 2px solid blue;
30 } 30 }
31 </style> 31 </style>
32 </head> 32 </head>
33 <body> 33 <body>
34 <div id="container"> 34 <div id="container">
35 <div id="border"></div> 35 <div id="border"></div>
36 <div id="shape-inside"> 36 <div id="shape-inside">
37 X X X X X X X X X X X X X X X X 37 X X X X X X X X X X X X X X X X
38 </div> 38 </div>
39 </div> 39 </div>
40 <p>Requires Ahem font. The inline content should start inside the green rect angle (shape-inside) and the overflow should be pushed below the content box. Th e overflow should start 10px above the yellow bottom border. <br/> 40 <p>Requires Ahem font. The inline content should start inside the green rect angle (shape-inside) and the overflow should be pushed below the content box. Th e overflow should start 10px above the yellow bottom border. <br/>
41 <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] sha pe-inside overflow should be pushed to the outside of the content box</p> 41 <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] sha pe-inside overflow should be pushed to the outside of the content box</p>
42 </body> 42 </body>
43 </html> 43 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698