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

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

Issue 209443007: Remove shape-inside support (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove now unused segmentIsEmpty 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
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .box {
6 width: 450px;
7 height: 100px;
8 line-height: 20px;
9 outline: 2px solid green;
10 }
11
12 .details {
13 padding-top: 15px;
14 font-style: italic;
15 }
16
17 </style>
18 </head>
19
20 <body>
21 <div class="box">
22 <p style="padding-top: 55px; padding-left: 25px;">Content1</p>
23 </div>
24 <p class="details">There is a 400x50px shape-inside polygon inside the green box .<br/>The Content1 text line's bottom equals to the shape-inside's polygon botto m boundary, so it should fit in the shape-inside.</p>
25 <hr>
26
27 <div class="box">
28 <p style="padding-top: 100px;">Content2</p>
29 </div>
30
31 <p class="details">There is a 400x50px shape-inside polygon inside the green box .<br/>The Content2 text line overlaps with the shape-inside's polygon bottom bou ndary, so the Content2 should be pushed below the content box.</p>
32 <hr>
33
34 <div class="box">
35 <p style="padding-top: 100px;">Content3</p>
36 </div>
37
38 <p class="details">There is a 400x50px shape-inside polygon inside the green box .<br/>The Content3 text line starts after the shape-inside's polygon bottom boun dary, so the Content3 should be pushed below the content box.</p>
39 <hr>
40
41 <p>Based on a recent change on the <a href="http://dev.w3.org/csswg/css-exclusio ns/#shape-inside-property">exclusions specification</a>. The 'shape-inside' prop erty adds an exclusion area to the element's wrapping context.
42 This modifies the normal rectangular shape of the content area to a possibly non -rectangular wrapping area. The exclusion area added is defined by subtracting t he shape from the element's content area.</p>
43 <p>Bug <a href="http://webkit.org/b/114526 ">114526</a>: [CSS Exclusions] shape- inside overflow should be pushed to the outside of the content box</p>
44 </body>
45 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698