| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | |
| 5 if (window.internals) | |
| 6 window.internals.settings.setCSSExclusionsEnabled(true); | |
| 7 </script> | |
| 8 <style> | 4 <style> |
| 9 .box { | 5 .box { |
| 10 width: 450px; | 6 width: 450px; |
| 11 height: 100px; | 7 height: 100px; |
| 12 line-height: 20px; | 8 line-height: 20px; |
| 13 outline: 2px solid green; | 9 outline: 2px solid green; |
| 14 } | 10 } |
| 15 | 11 |
| 16 .rectangle { | 12 .rectangle { |
| 17 -webkit-shape-inside: rectangle(25px, 25px, 400px, 50px); | 13 -webkit-shape-inside: rectangle(25px, 25px, 400px, 50px); |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 65 <p style="padding-top: 60px;">Content5</p> | 61 <p style="padding-top: 60px;">Content5</p> |
| 66 </div> | 62 </div> |
| 67 <p class="details">There is a 75x75px shape-inside rounded rectangle inside the
green 100x100px box.<br/>The forth line should overflow, the overflow should sta
rt on the left, below the green content box.</p> | 63 <p class="details">There is a 75x75px shape-inside rounded rectangle inside the
green 100x100px box.<br/>The forth line should overflow, the overflow should sta
rt on the left, below the green content box.</p> |
| 68 <hr> | 64 <hr> |
| 69 | 65 |
| 70 <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. | 66 <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. |
| 71 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> | 67 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> |
| 72 <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> | 68 <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> |
| 73 </body> | 69 </body> |
| 74 </html> | 70 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 20806004:
Remove Explicit Shapes Enablement in Tests (Closed)
Base URL: svn://svn.chromium.org/blink/trunk