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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 19865002: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit Created 7 years, 5 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
« no previous file with comments | « LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html ('k') | LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #container { 5 #container {
6 border: 2px solid blue;
7 position: relative; 6 position: relative;
7 font: 20px Ahem, sans-serif;
8 -webkit-font-smoothing: none;
9 line-height: 20px;
8 width: 200px; 10 width: 200px;
9 height: 200px; 11 height: 200px;
12 border: 2px solid blue;
10 } 13 }
11 #border { 14 #shape-inside {
12 position: absolute; 15 margin-top: -2px;
13 left: 48px; 16 padding-top: 1px;
17 margin-left: 49px;
14 width: 100px; 18 width: 100px;
15 height: 50px; 19 height: 49px;
16 border: 2px solid green; 20 border: 1px solid green;
17 }
18 .spacer {
19 width: 50px;
20 height: 50px;
21 } 21 }
22 </style> 22 </style>
23 </head> 23 </head>
24 <body> 24 <body>
25 <div id="container"> 25 <div id="container">
26 <div id="border"></div> 26 <div id="shape-inside">X X X X X X</div>
27 <div id="shape-inside"> 27 <div>X X X X X X</div>
28 <div class="spacer" style="float:left"></div>
29 <div class="spacer" style="float:right"></div>
30 This text should wrap inside the green rectangle, and overflow shoul d wrap
31 inside the blue rectangle.
32 </div>
33 </div> 28 </div>
29 <p>Requires Ahem font. The content should wrap inside the green rectangle, a nd the overflow should wrap inside the blue rectangle.</p>
30
34 </body> 31 </body>
35 </html> 32 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html ('k') | LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698