CSS Shapes Module Level 1 CR Test Suite

Relation to the box model and float behavior (9 tests)

Test Refs Flags Info
+ 2 Relation to the box model and float behavior
shape-outside-001 = Ahem Left and right float with shape-outside
  • This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left.
shape-outside-002 = Ahem Left and right float with shape-outside with clipped left float
  • This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box
shape-outside-003 = Ahem Left and right float with shape-outside with clipped right float
  • This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box
shape-outside-004 = Ahem inset with no extent and inline content - inset(50% 50% 50% 50%)
  • This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
shape-outside-005 = Ahem inset with no extent and inline content - inset(150% 150% 0% 0%)
  • This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
shape-outside-006 = Ahem shape-outside with open areas on both the left & right of the float area
  • This test verifies that content wraps only on one side of the float even though there is open area on both the left and right sides of the float.
shape-outside-007 = Ahem Shape smaller than float content area - 1 float
  • This test verifies that inline content only wraps around the shape, and otherwise overlays the rest of the float margin box
shape-outside-008 = Ahem Shape smaller than float content area - 2 floats
  • This test verifies that inline content only wraps around the shapes, and otherwise overlays the rest of the float margin boxes when two floats are stacked next to each other.
shape-outside-polygon-017 = Ahem right float, polygon + shape-margin beyond margin box
  • The test verifies that when a shape-margin is defined that extends beyond the margin box, the shape is clipped to the box.