Index: LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html |
index 6bcddf7d4e5adfa66ef72875fc66b9221c443e39..ef376882a6143612f58b7bd303c59f072d8a5438 100644 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html |
@@ -6,16 +6,17 @@ |
window.internals.settings.setCSSExclusionsEnabled(true); |
</script> |
<style> |
- .shape-inside { |
+ #rectangles p { |
width: 800px; |
- height: 2em; |
+ height: 40px; |
+ line-height: 20px; |
+ margin-top: 50px; |
border: solid green; |
box-sizing: border-box; |
} |
#shape-inside-rectangle-width0 { |
-webkit-shape-inside: rectangle(0px, 0px, 0px, 1em); |
- padding-top: 1em; |
} |
#shape-inside-rectangle-height0 { |
@@ -28,7 +29,6 @@ |
#shape-inside-ellipse-radiusX0 { |
-webkit-shape-inside: ellipse(0px, 0px, 0px, 1em); |
- padding-top: 1em; |
} |
#shape-inside-ellipse-radiusY0 { |
@@ -45,26 +45,33 @@ |
</style> |
</head> |
<body> |
- <p class="shape-inside" id="shape-inside-rectangle-width0"> |
- This text should be shifted down 1em by the rectangle(0px, 0px, 0px, 1em) shape-inside CSS property. |
+<div id="rectangles"> |
+ <p id="shape-inside-rectangle-width0" style="margin-top: 0px;"> |
+ This text should be pushed down below the green rectangle. (There is a rectangle(0px, 0px, 0px, 1em) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-rectangle-height0"> |
- This text should be unconstrained by the rectangle(0px, 0px, 1em, 0px) shape-inside CSS property. |
+ <p id="shape-inside-rectangle-height0"> |
+ This text should be pushed down below the green rectangle. (There is a rectangle(0px, 0px, 1em, 0px) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-circle-radius0"> |
- This text should be unconstrained by the circle(0px, 0px, 0px) shape-inside CSS property. |
+ <p id="shape-inside-circle-radius0"> |
+ This text should be pushed down below the green rectangle. (There is a circle(0px, 0px, 0px) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-ellipse-radiusX0"> |
- This text should be shifted down 1em by the ellipseX0(0px, 0px, 0px, 1em) shape-inside CSS property. |
+ <p id="shape-inside-ellipse-radiusX0"> |
+ This text should be pushed down below the green rectangle. (There is an ellipseX0(0px, 0px, 0px, 1em) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-ellipse-radiusY0"> |
- This text should be unconstrained by the ellipse(0px, 0px, 1em, 0px) shape-inside CSS property. |
+ <p id="shape-inside-ellipse-radiusY0"> |
+ This text should be pushed down below the green rectangle. (There is an ellipse(0px, 0px, 1em, 0px) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-polygon-1vertex"> |
- This text should be unconstrained by the polygon(0px 0px) shape-inside CSS property. |
+ <p id="shape-inside-polygon-1vertex"> |
+ This text should be pushed down below the green rectangle. (There is a polygon(0px 0px) shape-inside CSS property on the green rectangle.) |
</p> |
- <p class="shape-inside" id="shape-inside-polygon-2vertices"> |
- This text should be unconstrained by the polygon(0px 0px, 1em 0px) shape-inside CSS property. |
+ <p id="shape-inside-polygon-2vertices"> |
+ This text should be pushed down below the green rectangle. (There is a polygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.) |
</p> |
+</div> |
+<p style="margin-top: 50px;"> |
+ 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 exclusion areas to the element's wrapping context. |
+ This modifies the normal rectangular shape of the content area to a possibly non-rectangular wrapping area. The exclusion areas are defined by subtracting the shape from the element's content area.<br/> |
+ Every text on this page should be pushed down below its green rectangle. |
+</p> |
</body> |
</html> |