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 #rectangles p { | 5 #rectangles p { |
10 width: 800px; | 6 width: 800px; |
11 height: 40px; | 7 height: 40px; |
12 line-height: 20px; | 8 line-height: 20px; |
13 margin-top: 50px; | 9 margin-top: 50px; |
14 border: solid green; | 10 border: solid green; |
15 box-sizing: border-box; | 11 box-sizing: border-box; |
16 } | 12 } |
17 | 13 |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 This text should be pushed down below the green rectangle. (There is a po
lygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.) | 64 This text should be pushed down below the green rectangle. (There is a po
lygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.) |
69 </p> | 65 </p> |
70 </div> | 66 </div> |
71 <p style="margin-top: 50px;"> | 67 <p style="margin-top: 50px;"> |
72 A dimension of every shape-inside on this page is defined to 0. Based on the
CSS Exclusions specification: The 'shape-inside' property adds one or more excl
usion areas to the element's wrapping context. | 68 A dimension of every shape-inside on this page is defined to 0. Based on the
CSS Exclusions specification: The 'shape-inside' property adds one or more excl
usion areas to the element's wrapping context. |
73 This modifies the normal rectangular shape of the content area to a possibly
non-rectangular wrapping area. The exclusion areas are defined by subtracting t
he shape from the element's content area.<br/> | 69 This modifies the normal rectangular shape of the content area to a possibly
non-rectangular wrapping area. The exclusion areas are defined by subtracting t
he shape from the element's content area.<br/> |
74 Every text on this page should be pushed down below its green rectangle. | 70 Every text on this page should be pushed down below its green rectangle. |
75 </p> | 71 </p> |
76 </body> | 72 </body> |
77 </html> | 73 </html> |
OLD | NEW |