mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
220 lines
95 KiB
Text
220 lines
95 KiB
Text
id references title flags links revision credits assertion
|
|
shape-image-000 reference/shape-image-000-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property f6ccb955779471604b605f07ca237256590b9239 `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a png image in a data: url is properly respected on a left float.
|
|
shape-image-001 reference/shape-image-001-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 8d039ba2154d40e276d8ca75bf1be3e018cd0029 `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a png image with 70% alpha is treated as if the image had no alpha.
|
|
shape-image-002 reference/shape-image-002-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property d7b914aaf8a3e2b5fabc8209200f78fb945b8241 `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a svg image in a data uri is properly interpreted as a shape.
|
|
shape-image-003 reference/shape-image-002-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property be6765d5c1f30de8c34c58b54c4533dfa60f64ec `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a svg image with 20% alpha and 0.3 shape-image-threshold creates a proper shape.
|
|
shape-image-004 reference/shape-image-000-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5ac852931d5ee65c22000ddd293b894c4b44e8e5 `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a png image with 50% alpha and 0.6 shape-image-threshold creates a proper shape.
|
|
shape-image-005 reference/shape-image-002-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property d930b9bbd17e3b8f8c1056361d9335319c9dfc21 `Bem Jones-Bey`<mailto:bjonesbe@adobe.com> This test verifies that a shape specified as a svg image in a data uri with 70% alpha and 0.8 shape-image-threshold creates a proper shape.
|
|
shape-image-006 reference/shape-image-006-ref left float, url(png), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 0c38388b0d1c0d756da783e3f309ff59d60150ae `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given a png file.
|
|
shape-image-007 reference/shape-image-007-ref left float, url(svg), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 4d415ec8e491738f866d2b8c6ea29d9b32c8c9b0 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given an svg file.
|
|
shape-image-008 reference/shape-image-008-ref left float, url(jpg), data uri + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 642d8c10a49eeb5b3ff63bcf4178cf2fa3af945e `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin as a percentage when shape-outside is given an jpg data uri.
|
|
shape-image-009 reference/shape-image-006-ref left float, url(png), real image 70% + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 92cb67f87a55acff500c1b670e6eb9db065cfadc `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin in absolute length.
|
|
shape-image-010 reference/shape-image-006-ref left float, url(png), data uri + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property f059d876527bf0869fd61317e4cf02ef157f28f9 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin as a percentage.
|
|
shape-image-011 reference/shape-image-007-ref left float, url(svg), real image + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property cd3517d1807df366bb1142f278a15687264797e1 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside svg file with shape-image-threshold set + the shape-margin in absolute length.
|
|
shape-image-012 reference/shape-image-012-ref Wrapping content around right floating actual jpg image ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 4536e123e0338a943584c4b5b11474719075957a `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that content wraps around all the image pixels when shape-outside is given a jpg.
|
|
shape-image-013 reference/shape-image-013-ref Wrapping content around shape given by a right floating png ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 6eddd1cb03bed41430a655ec9599dfe81bcfd557 `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that content wraps around the shape defined by the data uri png.
|
|
shape-image-014 reference/shape-image-002-ref Wrapping content around shape given by a right floating svg file ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bed8185298f2fd3256582f5dddeba6594e24f6a9 `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that content wraps around the shape defined by an svg file.
|
|
shape-image-015 reference/shape-image-013-ref Image shape on a right float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 2e91de13adfb185a7d0a47a82ed1d3fac644d5de `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that a shape specified as a png image with 20% alpha and 0.2 shape-image-threshold creates a proper shape.
|
|
shape-image-016 reference/shape-image-013-ref Image shape on a right float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 1151b1e12473418deac19f6dd6719cabbb2a93a2 `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that a shape specified as a png image with 70% alpha and 0.71 shape-image-threshold creates a proper shape.
|
|
shape-image-017 reference/shape-image-002-ref Image shape on a right float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 6f093d074a8052786424add7fdd56a2b152f90b8 `Zoltan Horvath`<mailto:zoltan@adobe.com> This test verifies that a shape specified as a data uri svg with 70% alpha creates a proper shape, shape-image-threshold is defined to 0.71.
|
|
shape-image-018 reference/shape-image-018-ref right float, url(jpg), real image + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 57b4c97039af778a926f5d00ca65a7f811a1e92e `Hans Muller`<mailto:hmuller@adobe.com> This test verifies that the boundary of a shape-outside defined by a JPEG image file is the same as the image's dimensions + shape-margin.
|
|
shape-image-019 reference/shape-image-019-ref right float, url(png), data uri + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 258c433bb4ecdebf2931bfff50fce1126bb9b21c `Hans Muller`<mailto:hmuller@adobe.com> This test verifies the boundary of a shape-outside defined by a PNG data URI and a shape-margin.
|
|
shape-image-020 reference/shape-image-020-ref right float, url(svg), data uri + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 35823d0445245f1c0d21784fa53e55b08cff1b84 `Hans Muller`<mailto:hmuller@adobe.com> This test verifies the boundary of a shape-outside defined by an SVG URI and a shape-margin.
|
|
shape-image-021 reference/shape-image-021-ref right float, url(png), real image + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 40e149d78e437057c37a5542a6aa57a6beecd02a `Hans Muller`<mailto:hmuller@adobe.com> This test verifies that the boundary of a shape-outside defined by a PNG image file and shape-margin is correct.
|
|
shape-image-022 reference/shape-image-022-ref right float, url(gif), real image + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5bdcf60e8eab340460a5a2871af2c8cbdca9550d `Hans Muller`<mailto:hmuller@adobe.com> This test verifies that the boundary of a shape-outside defined by a GIF image file and shape-margin is correct.
|
|
shape-image-023 reference/shape-image-023-ref right float, url(svg), data uri + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property f39c879184f85b3c87f01425a1aba89606b9bb0c `Hans Muller`<mailto:hmuller@adobe.com> This test verifies the boundary of a shape-outside defined by an SVG URI, shape-image-threshold, and a shape-margin.
|
|
shape-image-024 reference/shape-image-024-ref shape-outside from img element with different size than the image file ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 796b0c06569cb771de228d64112b757927bd4bc7 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps around all the image pixels calculated from the size of the img element, which is different than the size of the image itself.
|
|
shape-image-025 reference/shape-image-025-ref shape-outside from first frame of animated gif ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property f890ea48aa4d6fd396aba7811b59bd09416399f6 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that shape-outside is extracted from the first frame of an animated gif.
|
|
shape-image-threshold-000 Shape Image Threshold - Valid values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 3e7d356e7694130125e2a965fc77ad92f16844ff `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold is any valid number and computed the clipped value between 0 and 1.
|
|
shape-image-threshold-001 Shape Image Threshold - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 9350a00470d8fce5f81d76246e6db4afbcb8714c `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold may take calc values and computed the clipped value between 0 and 1.
|
|
shape-image-threshold-002 Shape Image Threshold - Invalid values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 4d929c6fc4a602959e451b1948cb377464a635c5 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold is set to 0 when an invalid value is specified.
|
|
shape-image-threshold-003 Shape Image Threshold Inherit dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 3417d18ddd7d793f43e08ebe452b73ff15f89ffe `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-outside can be assigned the 'inherit' value and does not inherit by default.
|
|
shape-margin-000 Shape Margin Valid Values - Length or Percentage dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property 0da29d9cf47927317df90fda98f16144e8ebf891 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may be either a length or percentage
|
|
shape-margin-001 Shape Margin Valid Values - Length Units dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property 03f684c06a7f089b76411d4806b0d945199fb79e `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may be in any length unit
|
|
shape-margin-002 Shape Margin Valid Values - Decimal, Positive/Negative lengths dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property e34b15d35cf5896c2c9296e1398cc01944bb1110 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may be either a length or percentage
|
|
shape-margin-003 Shape Margin Valid Values - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property d51420cd80c0f5002d389bdf42bff84a464089ee `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may be calc() values
|
|
shape-margin-004 Shape Margin Invalid Values dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property fe6def124d0ceccbfc896b65f4e0e4d41f6e9dd2 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may only be positive length units.
|
|
shape-margin-005 Shape Margin - inherit dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property fd3ac9521cb7b7b1af068dd603d742bd6fdf580b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> The shape-margin value is not inherited and can be assigned the 'inherit' value.
|
|
shape-outside-001 reference/shape-outside-001-ref Left and right float with shape-outside ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 424f207ca11d3485738be87abcf48e9e34f5fa48 `Rebecca Hauck`<mailto:rhauck@adobe.com> 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 reference/shape-outside-001-ref Left and right float with shape-outside with clipped left float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ccad8e42499a493114d9b64aa406a76b7c20881b `Rebecca Hauck`<mailto:rhauck@adobe.com> 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 reference/shape-outside-001-ref Left and right float with shape-outside with clipped right float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 1e34b20857680a440dd3a33a1ba9027633d2436a `Rebecca Hauck`<mailto:rhauck@adobe.com> 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 reference/shape-outside-004-ref inset with no extent and inline content - inset(50% 50% 50% 50%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 16d521298dacfc7ce71966e6a123487207fd297a `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
|
|
shape-outside-005 reference/shape-outside-004-ref inset with no extent and inline content - inset(150% 150% 0% 0%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ca5e011b0784a92a90a78566f9c1ea936cf3a555 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
|
|
shape-outside-006 reference/shape-outside-006-ref shape-outside with open areas on both the left & right of the float area ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 27ecc051131e43c03919613530a596723ea40d28 `Rebecca Hauck`<mailto:rhauck@adobe.com> 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 reference/shape-outside-007-ref Shape smaller than float content area - 1 float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 7ac82a4cc71a01ceed3528cda33191c18e932784 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that inline content only wraps around the shape, and otherwise overlays the rest of the float margin box
|
|
shape-outside-008 reference/shape-outside-008-ref Shape smaller than float content area - 2 floats ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 66b7caee01d5f5f2ca05a41bcaff0ad23c18a044 `Rebecca Hauck`<mailto:rhauck@adobe.com> 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-010 Shape from image - url(), alpha channel, opacity 0 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9b40e944e7ed705afbff560224dbf73341ae939e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel that is completely transparent.
|
|
shape-outside-011 Shape from image - url(), alpha channel, opacity > 0 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ca7a24aeffbbecb170a4b8ea20aa456676e57d9e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel that has some opacity.
|
|
shape-outside-012 reference/shape-outside-012-ref Shape from image - shape-image-threshold - 0.9 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 738b7dfa58c4cdf8adec086849b97dd7ec6792a0 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies content flows around a shape that is defined in the image's alpha channel and adjusted by the image-threshold
|
|
shape-outside-013 Shape from image - shape-margin ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 947220c0c3946e40c5afe830322ce39f885cf313 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel and adjusted by the shape-margin.
|
|
shape-outside-014 Shape from box value - margin-box ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 0879b77dd4f288e8e918d4a1833f3cbe7b32f1fc `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that content wraps around a shape defined by its margin box.
|
|
shape-outside-015 Shape from box value - border-box ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a08c4d7abd4cd75e57f6b263c1a31f08a25b5e82 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that content wraps around a shape defined by its border box.
|
|
shape-outside-016 Shape from box value - padding-box ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c254c5ab0ca61b28071f901bcad96e8b5d0e4cd4 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that content wraps around a shape defined by its padding box.
|
|
shape-outside-017 Shape from box value - content-box ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bfadea75dfb66d631cd3d6220cbf26faae7b029f `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that content wraps around a shape defined by its content box.
|
|
shape-outside-018 shape-margin offset from a polygonal shape-outside ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c40af4d505fc3e86172ea038432430254080c1fe `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that that content flows around the shape-margin defined on a polygonal shape-outside.
|
|
shape-outside-019 Shape from image - alpha channel, opacity > 0 + shape-margin ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 209412811403cc407e4ffebe2cc83da1508ed640 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel and the shape-margin.
|
|
shape-outside-border-box-001 reference/shape-outside-border-box-001-ref float left, border-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values b20f8f37f8a946f1ed8a7074f586fbc4c60ad953 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box value.
|
|
shape-outside-border-box-002 reference/shape-outside-border-box-002-ref float right, border-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 77ad21e24546503440b4c66cefa62dbedcbc8d96 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box value.
|
|
shape-outside-border-box-border-radius-001 reference/shape-outside-border-box-border-radius-001-ref float left, border-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 3a65c696d13a90ea50d109f635dfc66824becb9a `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-radius value.
|
|
shape-outside-border-box-border-radius-002 reference/shape-outside-border-box-border-radius-002-ref float left, border-box, border-radius, no margin https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 92d1a74476bd97509700be83beec0d43079f8c8d `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-radius value.
|
|
shape-outside-border-box-border-radius-003 reference/shape-outside-border-box-border-radius-003-ref float right, border-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 97894278f09c4f5e05a7b00600d660cab50eb5be `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-radius value.
|
|
shape-outside-border-box-border-radius-004 reference/shape-outside-border-box-border-radius-004-ref float right, border-box, border-radius, no margin https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 1dc16b47a8b711917a12677a5fa84bc720f78de7 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-radius value.
|
|
shape-outside-border-box-border-radius-005 reference/shape-outside-border-box-border-radius-005-ref vertical-rl, float left, border-box, border-bottom-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values eac83a0358522b0fa4b71bb705ecff48c23a57e2 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-bottom-right-radius value under vertical-rl writing-mode.
|
|
shape-outside-border-box-border-radius-006 reference/shape-outside-border-box-border-radius-006-ref vertical-rl, float right, border-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values b55cdeb05d0cf88b197c6d0a136fe661a5202057 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-top-right-radius value under vertical-rl writing-mode.
|
|
shape-outside-border-box-border-radius-007 reference/shape-outside-border-box-border-radius-007-ref vertical-lr, float left, border-box, border-bottom-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values e64834d3954fd1cebc7c2859476f488d0bbdd21e `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-bottom-right-radius value under vertical-lr writing-mode.
|
|
shape-outside-border-box-border-radius-008 reference/shape-outside-border-box-border-radius-008-ref vertical-lr, float right, border-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 0a2f820c5d6089fd9d18a8eb5ef3e6b3ac8ac0d5 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-top-right-radius value under vertical-lr writing-mode.
|
|
shape-outside-border-box-border-radius-009 reference/shape-outside-border-box-border-radius-009-ref sideways-rl, float left, border-box, border-bottom-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 5cbbe8ed2491e75e04398364c26de6d27b5564a9 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-bottom-right-radius value under sideways-rl writing-mode.
|
|
shape-outside-border-box-border-radius-010 reference/shape-outside-border-box-border-radius-010-ref sideways-rl, float right, border-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 6b0ee173b7370c227150943da7f1d20bd6683ebc `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-top-right-radius value under sideways-rl writing-mode.
|
|
shape-outside-border-box-border-radius-011 reference/shape-outside-border-box-border-radius-011-ref sideways-lr, float left, border-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 6b7f8f310e381e71824ff82ed29241f26ac418c9 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the border-box and border-top-right-radius value under sideways-lr writing-mode.
|
|
shape-outside-border-box-border-radius-012 reference/shape-outside-border-box-border-radius-012-ref sideways-lr, float right, border-box, border-bottom-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 4ce9b27239b2965da63d82c830f8efbaabdb87c8 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the border-box and border-bottom-right-radius value under sideways-lr writing-mode.
|
|
shape-outside-box-000 Shape Outside Box Valid Values dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#typedef-shape-box 0204972ae10189fa776bc34702ac141aa617fb83 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Shape-outside may be one of the box model box values
|
|
shape-outside-box-002 reference/shape-outside-box-001-ref left float, shape-outside: content-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#content-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 27b1a2cc7f203208b914284383c48dc9828bbdf3 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as the content box.
|
|
shape-outside-box-003 reference/shape-outside-box-001-ref left float, shape-outside: border-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#border-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b05fd702552fc7b0efedf31b5dd53845bbf0ee58 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as the border box.
|
|
shape-outside-box-004 reference/shape-outside-box-001-ref left float, shape-outside: padding-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#padding-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 1db1a141297c2e67e2bb36297154fe40ae1d6abb `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as the padding box.
|
|
shape-outside-box-006 reference/shape-outside-box-005-ref right float, shape-outside: content-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#content-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c3eee003584f2f28f3f5a313a1a3f6a45300dc02 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as the content box.
|
|
shape-outside-box-007 reference/shape-outside-box-005-ref right float, shape-outside: border-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#border-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 934c41c80a633710e19b38e2a70511392fecc5f9 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as the border box.
|
|
shape-outside-box-008 reference/shape-outside-box-005-ref right float, shape-outside: padding-box ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values,http://www.w3.org/TR/css-shapes-1/#padding-box,http://www.w3.org/TR/css-shapes-1/#shape-outside-property cc73cc84ada7091e3eb00b6611515f35c1a29e7a `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as the padding box.
|
|
shape-outside-circle-000 Shape Outside Circle Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 046c995f12adff9f4ad286b529a92e74e3e2eab5 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A circular basic shape has an optional radius and position component
|
|
shape-outside-circle-001 Shape Outside Circle Valid Radii dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9911c937abfbf29532cf2a0626fb73e99d392955 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A circle's radius may be a length, percentage, or keyword.
|
|
shape-outside-circle-002 Shape Outside Circle Valid Positions dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths 8a1c43c953fe3b82edd77025bbf55b77475c59f0 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
|
|
shape-outside-circle-003 Shape Outside Circle Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property edfb507a21963da3e5fe627bb3ef39b1187e407d `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid circle position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
|
|
shape-outside-circle-004 Shape Outside Circle - Position Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths 44092ed692b65149dd5593c1aecce3f4d3352600 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position arguments may in any valid <length> unit allowed by a <position> value.
|
|
shape-outside-circle-005 Shape Outside Circle Valid Radii - length units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 10b58f096216e42cfae8ff0b6ae3898496bc5566 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's radius may be in any valid length unit.
|
|
shape-outside-circle-006 Shape Outside Circle Radii - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a27b507b17f2f86e1954be52df39283eaf962547 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's radius may be in signed positive or decimal/non-decimal format. Negative radii are invalid.
|
|
shape-outside-circle-007 Shape Outside Circle Radii - invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b5c12d53784004a2a97d13f00d03d2882467a3db `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid shape-radius arguments on circle() don't parse.
|
|
shape-outside-circle-008 Shape Outside Circle Invalid Position Argument Values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 385b981af83d54b32030b46fac40b1606ecc1ee4 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid position arguments on circle() don't parse
|
|
shape-outside-circle-009 Shape Outside Circle Position Arguments - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c11a89648b797fdb15eb129bdf4537517a0286e8 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position arguments may be in signed positive/negative or decimal/non-decimal format.
|
|
shape-outside-circle-010 Shape Outside Circle args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 607e2d5c6f3cff8a2d826c391d39d86c68759214 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's arguments may be in calc() values.
|
|
shape-outside-circle-011 Shape Outside Circle position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8cc2d5a116e562bc4600e5cf7997391247259921 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's <position> arguments may be in calc() values.
|
|
shape-outside-circle-012 reference/shape-outside-circle-011-ref float right, circle(closest-side at center) border-box https://drafts.csswg.org/css-shapes-1/#supported-basic-shapes 833428f8a9a5263a95e6e004062e23297a9be29d `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the basic shape circle(closest-side at center) border-box value.
|
|
shape-outside-circle-013 reference/shape-outside-circle-013-ref left float, circle + margin-box + position (px) ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#margin-box 3567131f70862a0eac28ec3d1eee26c672b08b22 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and positioned in px units.
|
|
shape-outside-circle-014 reference/shape-outside-circle-013-ref left float, circle + content-box + radius and position in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box f2be2ba869b292cb4d77932987991f7b08056a3f `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the content box with the radius and position in percentage units.
|
|
shape-outside-circle-015 reference/shape-outside-circle-013-ref left float, circle + closest-side + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#padding-box 8fa5a3fe3b6f38fa3e1c5c82b13f694cd272780c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius explicitly set as closest-side from the padding box.
|
|
shape-outside-circle-016 reference/shape-outside-circle-013-ref left float, circle + farthest-side + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#border-box 8ea74a08a89228a5eb7dc62f9d48b38ea84f325e `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius defined as farthest-side from the border box.
|
|
shape-outside-circle-017 reference/shape-outside-circle-013-ref left float, circle + shape-margin in px ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 0c1f2f91cba26b322a8a74faa2b633a69441506e `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a shape-margin in px units.
|
|
shape-outside-circle-018 reference/shape-outside-circle-013-ref left float, circle + shape-margin in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property f565ef5fea86b6feea33306f26b17996a72e4091 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a shape-margin in percentage units.
|
|
shape-outside-circle-019 reference/shape-outside-circle-013-ref left float, circle at top left + margin-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#margin-box 04d9a7e8451144205cc27ce00f3f7b6b44988de0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and is positioned top left with a shape-margin.
|
|
shape-outside-circle-020 reference/shape-outside-circle-013-ref left float, circle at % + border-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#border-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property b0a500f74d59427133d10b78c90b5f829aea3e49 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box with a position specified as a percentage and with a shape-margin.
|
|
shape-outside-circle-021 reference/shape-outside-circle-013-ref left float, circle + farthest-side + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#padding-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 9867be2e26b7cb51240c4a8b08d14c641a0d7933 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a farthest-side radius from the padding box with a shape-margin.
|
|
shape-outside-circle-022 reference/shape-outside-circle-013-ref left float, circle at bottom right + content-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 01e47c5a861042c37e4238914b8672564f46ce24 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box positioned at center right with a shape-margin.
|
|
shape-outside-circle-023 reference/shape-outside-circle-023-ref horizontal-tb, float left, circle(50% at left 40px bottom 40px) https://drafts.csswg.org/css-shapes-1/#supported-basic-shapes 7d04d94f7e3ba83d786abeb6b38852676034083a `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by circle(50% at left 40px bottom 40px) value under horizontal-tb writing-mode.
|
|
shape-outside-circle-024 reference/shape-outside-circle-023-ref right float, circle radius in % units + shape-margin + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box ce4f88b12ab090f5cc2758f1944221a9a0bca658 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the border box with radius in percentage units and with a shape-margin.
|
|
shape-outside-circle-025 reference/shape-outside-circle-023-ref right float, circle + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 7c25ed8ee94053c7ce6b4086aee0a8eea775a81c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the padding box with a shape-margin.
|
|
shape-outside-circle-026 reference/shape-outside-circle-023-ref right float, circle + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box fef0cdae35b1d11ab2ba22d6dc0452dc690e3614 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the content box with a shape-margin.
|
|
shape-outside-circle-027 reference/shape-outside-circle-023-ref right float, circle with radius in % units + shape-margin + margin-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box 5b3185a17c86964d64eb9fd4735230cd7ca1c55d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the margin box with a shape-margin.
|
|
shape-outside-circle-028 reference/shape-outside-circle-023-ref right float, circle(closest-side) at position % + shape-margin + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#border-box 476e7337d7a091c370bfb85e56cdbe61c207f78d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the border box with a shape-margin.
|
|
shape-outside-circle-029 reference/shape-outside-circle-023-ref right float, circle at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 6321444f01d953391ac3cfbe1894ec6fdd167d9c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned center right from the padding box with a shape-margin.
|
|
shape-outside-circle-030 reference/shape-outside-circle-030-ref left float, circle radius in px units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 65a1ab1df3d4e47c3b34d18dffb9cc2aa9ddba69 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in px units.
|
|
shape-outside-circle-031 reference/shape-outside-circle-030-ref left float, circle radius in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 0d4c26c46bcba5ebb738e16182597b4195623681 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in percentage units.
|
|
shape-outside-computed-shape-000 Shape Outside Basic Shape Computed Font Relative Lengths dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-cascade-3/#computed 8b280e5be14ea8818d4abe714a7671f8d16ab570 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain relative length formats, which resolve to the computed (absolute) length value
|
|
shape-outside-computed-shape-001 Shape Outside Basic Shape Computed Percentage Lengths dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-cascade-3/#computed fd05b500e016deb5b711aac285ac5aa72b09e147 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain percentages, which remain unchanged when computed
|
|
shape-outside-content-box-001 reference/shape-outside-content-box-001-ref float left, content-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values b0803be0d7dc47f5a40e110e6af43c0e0fb966bb `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the content-box value.
|
|
shape-outside-content-box-002 reference/shape-outside-content-box-002-ref float right, content-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 85929400a3bc346c853b1731615a16f209f0f743 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the content-box value.
|
|
shape-outside-content-box-border-radius-001 reference/shape-outside-content-box-border-radius-001-ref float left, content-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 947b3f995813fdda81d10cae6b99d55747774225 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the content-box and border-radius value.
|
|
shape-outside-content-box-border-radius-002 reference/shape-outside-content-box-border-radius-002-ref float right, content-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values d9a03e11fe5c9a8ef73ab10db3fe968f335d44a6 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the content-box and border-radius value.
|
|
shape-outside-ellipse-000 Shape Outside Ellipse Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 6f376b7d2fca99b749eb65fd4217201337b9ccb1 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An elliptical basic shape has two optional components, radii (2) and a position.
|
|
shape-outside-ellipse-001 Shape Outside Ellipse Valid Radii dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a8536bd4f712866980865434b4a0bc9469293d26 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An elliptical basic shape's radii may be keywords, lengths or percentages
|
|
shape-outside-ellipse-002 Shape Outside Ellipse Valid Positions dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths e069870229afea5bc6dbf4b6768c847230aafc09 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
|
|
shape-outside-ellipse-003 Shape Outside Ellipse Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property cdd7daf59e87e90ee3fb530dbbdced63c6ab00df `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid ellipse position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
|
|
shape-outside-ellipse-004 Shape Outside Ellipse - Position Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths cf7a179b06597950e51c08580c0bcc5d7476e1c1 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position arguments may in any valid <length> unit allowed by a <position> value.
|
|
shape-outside-ellipse-005 Shape Outside Ellipse Valid Radii - length units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property e1cd92a5665eb06d0de20ed415fc47a519b3f23f `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's radii may be in any valid length unit.
|
|
shape-outside-ellipse-006 Shape Outside Ellipse Radii - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5ce34e92ce6f5289a83724bde63cc66eb218e91b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's radii may be in signed positive or decimal/non-decimal format. Negative radii are invalid.
|
|
shape-outside-ellipse-007 Shape Outside Ellipse Radii - invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 2712221cd4f1aab3294aee690a988ee75efbdcf1 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid shape-radius arguments on ellipse() don't parse.
|
|
shape-outside-ellipse-008 Shape Outside Ellipse Invalid Position Argument Values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 37eda6d5a8e5bccf793cb3308cd569b99af4b08a `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid position arguments on ellipse() don't parse
|
|
shape-outside-ellipse-009 Shape Outside Ellipse Position Arguments - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3dedcafd41d7657e2882a3a0f4cac27e3d14aad6 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position arguments may be in signed positive/negative or decimal/non-decimal format.
|
|
shape-outside-ellipse-010 Shape Outside Ellipse args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8c49b198bd80451d133a58cd38c2b239a00559d6 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's arguments may be in calc() values.
|
|
shape-outside-ellipse-011 Shape Outside Ellipse position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 48410d76452c7db1675fa2e3fd3eeebe072948ba `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's <position> arguments may be in calc() values.
|
|
shape-outside-ellipse-012 reference/shape-outside-ellipse-011-ref float right, ellipse(closest-side closest-side at top right) https://drafts.csswg.org/css-shapes-1/#supported-basic-shapes eec9cd1d20264aa334ce0c60a95ed2c04fc044be `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the right float shape defines an empty float area by the basic shape ellipse(0% 0closest-side closest-side at top right) value.
|
|
shape-outside-ellipse-013 reference/shape-outside-ellipse-013-ref left float, ellipse radii and position in px ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9c923aebfb6689c32f7c147001db31f80e017f21 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with radii and position in px units.
|
|
shape-outside-ellipse-014 reference/shape-outside-ellipse-013-ref left float, ellipse radii and position in % units + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box 2c53cc243269425a74bb8d5a778e028dab2f7be7 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with the position and radii in percentage units.
|
|
shape-outside-ellipse-015 reference/shape-outside-ellipse-013-ref left float, ellipse + closest-side + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#padding-box ffc6d3749fe5bd73551aa34b1615565094c53b48 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with the radii explicitly set as closest-side from the padding box.
|
|
shape-outside-ellipse-016 reference/shape-outside-ellipse-013-ref left float, ellipse radii in % units + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#padding-box 90163ee95978a965982e6da40c0d148b90609e98 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the padding box with the radii in percentage units.
|
|
shape-outside-ellipse-017 reference/shape-outside-ellipse-013-ref left float, ellipse(farthest-side) + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#content-box 7da5efe1d74347f8d21a19ac61f4f52390533ae8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with only the rx defined as farthest-side and with a shape-margin.
|
|
shape-outside-ellipse-018 reference/shape-outside-ellipse-013-ref left float, ellipse + shape-margin in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property eb0ab2609d310a39e74c84f42fa62ddd3ea918e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with a shape-margin in percentage units.
|
|
shape-outside-ellipse-019 reference/shape-outside-ellipse-013-ref left float, ellipse radii in % units + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 61a9507357c55bc766862d12ee0519224aef83bb `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the padding box with radii in percentage units and with a shape-margin.
|
|
shape-outside-ellipse-020 reference/shape-outside-ellipse-013-ref left float, ellipse radii in % units + margin-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#margin-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property b26d55837a0a9b0180ff87a834f3dd738557c7e0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the margin box with the radii specified in percentage units and with a shape-margin.
|
|
shape-outside-ellipse-021 reference/shape-outside-ellipse-021-ref right float, ellipse (closest-side px) + shape-margin + padding box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 128711443d679d2a568e004ccd4bc11ab82dc459 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse from the padding box with rx explicitly set at closest-side and ry in px units and with a shape-margin.
|
|
shape-outside-ellipse-022 reference/shape-outside-ellipse-021-ref right float, ellipse(closest-side px) + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box a81ca1c520fa106b84780b9613cac7893cf41686 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse from the content box with a shape-margin.
|
|
shape-outside-ellipse-023 reference/shape-outside-ellipse-021-ref right float, ellipse + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property d872f8d96628684dc7da5cb48066dfe7d7ee6272 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an ellipse with only the horizontal offset specifed in px and with a shape-margin.
|
|
shape-outside-ellipse-024 reference/shape-outside-ellipse-021-ref right float, ellipse at position (%) + shape-margin (%) + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box 4e5014c6eade39a0790b0154b911453b06e1c4f5 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse positioned from the border box with only the horizontal offset specified in percentage units and with a shape-margin in percentage units.
|
|
shape-outside-ellipse-025 reference/shape-outside-ellipse-021-ref right float, ellipse radii in % at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 1cb5f989b702e9b411e7eae7722ed7cf3ec43c8d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse with the radii in percentage units positioned at center right from the margin box with a shape-margin.
|
|
shape-outside-ellipse-030 reference/shape-outside-ellipse-030-ref left float, ellipse radii in px ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a1a3af9b848564a03500c09d9183c74600bb0cde `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in px units.
|
|
shape-outside-ellipse-031 reference/shape-outside-ellipse-030-ref left float, ellipse radii in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 07133b68131715e3c9a652ee0f8bd5d5a5d14a15 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in % units.
|
|
shape-outside-inset-000 Shape Outside Inset Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9d4bde630d065838941fff0393ec84e9cee58384 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset has 1 to 4 insets, and optional border radii that follow the border-radius format
|
|
shape-outside-inset-001 Shape Outside Inset Valid Insets dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 609b011f299805503025f9997b5b4320896b494d `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset has 1 to 4 insets as percentages or length in any unit
|
|
shape-outside-inset-002 Shape Outside Inset Valid Rounds dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bf1d3600a416162203fab707d8b651a93a8d66a1 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset's radial component has 1 to 4 length/percentages, optionally followed by a '/' and an additional 1 to 4 length/percentages and lengths can be in any unit.
|
|
shape-outside-inset-003 Shape Outside Inset Valid Round Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths a28821639a481807aba32477b3ad98a7bec40b41 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's radial component's values can be in any length unit
|
|
shape-outside-inset-004 Shape Outside Inset - positive/negative, decimal/non-decimal args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ec8a4206b27cf7f4c68a443054464a7dd903aaff `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() arguments can be numbers that are signed in positive and negative and/or decimal/non-decimal form.
|
|
shape-outside-inset-005 Shape Outside Inset - Invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3f9988d339036b9b7ec0159d11534e97c4ce3ec2 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verifies that invalid inset() arguments don't parse.
|
|
shape-outside-inset-006 Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c2d65152ab6dffb0785f9211892195a30fcf517b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() radial component can be numbers that are in signed positive and/or decimal/non-decimal form. Negative values are not allowed
|
|
shape-outside-inset-007 Shape Outside Inset Radial Args - Invalid dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property e296e5f9e4f9a5f6cff79f8e348cd5cbfebd70ec `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify invalid radial component arguments don't parse.
|
|
shape-outside-inset-008 Shape Outside Inset Args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 99dbe179f30b42dea217ec39b2776c4418f7101b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's arguments may be in calc() values.
|
|
shape-outside-inset-009 Shape Outside Inset round args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8106a6db182206593437508cfb2a5a1f8bff3c53 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's radial component arguments may be in calc() values.
|
|
shape-outside-inset-010 reference/shape-outside-inset-010-ref left float, inset, px units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 8650686495a3ee6965fb3d53b40d07591829b966 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle in px units.
|
|
shape-outside-inset-011 reference/shape-outside-inset-010-ref left float, inset, % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 539f7c85a4469b2b8984644905020112b3e74f80 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle in percentage units.
|
|
shape-outside-inset-012 reference/shape-outside-inset-010-ref left float, inset + margin-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values 181b0d293c81ab4590c641e5e2e2b2a588241126 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + margin-box.
|
|
shape-outside-inset-013 reference/shape-outside-inset-010-ref left float, inset + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values d26ec3db72e1b6066423a28aad01938b40ea4a85 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + border-box.
|
|
shape-outside-inset-014 reference/shape-outside-inset-010-ref left float, inset + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values 87ebc5f38f16a33ff7aca2275567aadd22b48357 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + content-box.
|
|
shape-outside-inset-015 reference/shape-outside-inset-010-ref left float, inset + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values 0ce18757db92528158165b418e1b1a991a6b3638 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verfies that text flows around a left float with a shape-outside defined as an inset rectangle + padding-box.
|
|
shape-outside-invalid-001 CSS Shapes Test - shape-outside invalid shape dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes 219831f613b595899aae0aa9e907f8b97d74ef7f `noonnightstorm`<mailto:noonnightstorm@gmail.com> shape-outside declaration is invalid if shape is invalid
|
|
shape-outside-invalid-circle-000 Circle - invalid 2 args dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-circle e4db94771d71d8ee4188323ae381e6dbd633774c `biqing`<mailto:biqing.kwok@qq.com> shape-outside declaration is invalid if circle shape function only has two parameters
|
|
shape-outside-invalid-circle-001 Circle - invalid r values dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-circle f0c998d250f75a1f6ca3f33262a3d5e75f1cd614 `biqing`<mailto:biqing.kwok@qq.com> shape-outside declaration is invalid if circle shape function has an invalid r parameter
|
|
shape-outside-invalid-circle-002 CSS Shapes Test - Circle - invalid cy value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-circle 2dba144a1030d05e4d3cfe030c90289e03b9760e `noonnightstorm`<mailto:noonnightstorm@gmail.com> shape-outside declaration is invalid if cy for circle function is invalid
|
|
shape-outside-invalid-circle-003 Circle - invalid cx value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#funcdef-circle 3121b34992b54a0f1c43d8f9be8ab01526d0cfff `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if circle shape function has an invalid cx param
|
|
shape-outside-invalid-ellipse-001 Ellipse - invalid 2 arg dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse 84388a53098bba629b952830ff48059aa0d7deec `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if ellipse shape function has two invalid arguments
|
|
shape-outside-invalid-ellipse-002 Ellipse - invalid ry value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes c3c9f3a7ca08ffbbb660a5d725d86a5faa14726d `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if ellipse shape function has an invalid ry param
|
|
shape-outside-invalid-ellipse-003 Ellipse - invalid rx value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes 27e1ae336a160264a1df86f78da9110d2d802040 `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if ellipse shape function has an invalid rx param
|
|
shape-outside-invalid-ellipse-004 CSS Shapes Test - Ellipse - invalid 1 arg dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes 312d20368482e3922d0399a058b100af6e96b110 `noonnightstorm`<mailto:noonnightstorm@gmail.com> shape-outside declaration is invalid if ellipse function has one invalid argument
|
|
shape-outside-invalid-ellipse-005 CSS Shapes Test - Ellipse - invalid cy value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes 57c9e4a98b72253bef0d076f85f473f19c0cd6ae `noonnightstorm`<mailto:noonnightstorm@gmail.com> shape-outside declaration is invalid if cy in ellipse function is invalid
|
|
shape-outside-invalid-ellipse-006 CSS Shapes Test - Ellipse - invalid cx value dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes 20cc2dd36822979ad15321a0473680543818787e `noonnightstorm`<mailto:noonnightstorm@gmail.com> shape-outside declaration is invalid if cx in ellipse function is invalid
|
|
shape-outside-invalid-inset-001 Inset Rectangles - invalid top arg dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-inset 05207d8725ac6e05a7c817b33814c877075d659e `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if inset shape function has an invalid top param
|
|
shape-outside-invalid-inset-002 Inset Rectangles - invalid right arg dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-inset 4656504ed3e7382006de4fc4fc777ed6efa20e20 `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if inset shape function has an invalid right param
|
|
shape-outside-invalid-inset-003 Inset Rectangles - invalid bottom arg dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-inset 574955065c2bf48c79e8242e70da5bf6554ab40f `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if inset shape function has an invalid bottom param
|
|
shape-outside-invalid-inset-004 Inset Rectangles - invalid left param dom,script http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#funcdef-inset 71c8b0b1cb8d5a03a185eace7979af741dba6330 `Sherlock Zhong`<mailto:sherlock.z0917@gmail.com> shape-outside declaration is invalid if inset shape function has an invalid left param
|
|
shape-outside-linear-gradient-001 reference/shape-outside-linear-gradient-001-ref Left float with linear gradient ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5a66b6918428c8459d0c59a30650efcad86f5c51 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple linear gradient.
|
|
shape-outside-linear-gradient-002 reference/shape-outside-linear-gradient-002-ref Right float with linear gradient ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 7d4aa2b909dcddaf6a18f4d1472e61fe4fa73c97 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple linear gradient on a right float.
|
|
shape-outside-linear-gradient-003 reference/shape-outside-linear-gradient-002-ref Right float with linear gradient ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 2e0123385074205acf266210c8afe44675b1fce1 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple linear gradient on a right float with shape-margin applied.
|
|
shape-outside-linear-gradient-004 reference/shape-outside-linear-gradient-004-ref Shape outside and repeating linear gradient http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bc56ea948ca8a951e57a9c4729e720208da66388 `Alan Stearns`<mailto:stearns@adobe.com> This test verifies that content wraps correctly around a shape defined by a repeating linear gradient.
|
|
shape-outside-margin-box-001 reference/shape-outside-margin-box-001-ref float left, margin-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 2974d3fe75c62cc29adabc3bc926b471c5bd76e1 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the margin-box value.
|
|
shape-outside-margin-box-002 reference/shape-outside-margin-box-002-ref float right, margin-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 6340b90ff66644cae4552f81f758f63c570f1864 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the margin-box value.
|
|
shape-outside-margin-box-border-radius-001 reference/shape-outside-margin-box-border-radius-001-ref float left, margin-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values b280dce70a0afe00b9d16b7549c59235221a66f8 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the margin-box and border-radius value.
|
|
shape-outside-margin-box-border-radius-002 reference/shape-outside-margin-box-border-radius-002-ref float left, margin-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values e5d9072376f2c792eebc3f92aaf33e0c0dbc109d `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the margin-box and border-radius value.
|
|
shape-outside-margin-box-border-radius-003 reference/shape-outside-margin-box-border-radius-003-ref float right, margin-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 224a45d46e1862183b828c8eab280e1ee9b5f2d0 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the margin-box and border-radius value.
|
|
shape-outside-margin-box-border-radius-004 reference/shape-outside-margin-box-border-radius-004-ref float right, margin-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values c79ecedfe6c0c16eaa4171e0f304dc934fa1224c `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the margin-box and border-radius value.
|
|
shape-outside-margin-box-border-radius-005 reference/shape-outside-margin-box-border-radius-005-ref float left, margin-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values f7a0979c8417c28af312965c4ee93bd48df1db3a `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the margin-box and border-top-right-radius value.
|
|
shape-outside-margin-box-border-radius-006 reference/shape-outside-margin-box-border-radius-006-ref float left, margin-box, border-bottom-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 12bbbb02e46762d5073d508821f8c4f6a57f21d9 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the margin-box and border-bottom-right-radius value.
|
|
shape-outside-margin-box-border-radius-007 reference/shape-outside-margin-box-border-radius-007-ref float left in rtl container, margin-box, border-top-right-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 8cf1f89a643148a9550d8d2b4a542b773a67d041 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape in rtl container defined by the margin-box and border-top-right-radius value.
|
|
shape-outside-margin-box-border-radius-008 reference/shape-outside-margin-box-border-radius-008-ref float right in ltr container, margin-box, border-top-left-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values c262219016ae6636748fc6af0d4201ff251d7f1a `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape in ltr container defined by the margin-box and border-top-left-radius value.
|
|
shape-outside-padding-box-001 reference/shape-outside-padding-box-001-ref float left, padding-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 7f670305d56ea55e9a28305a0299e5df671133ad `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the padding-box value.
|
|
shape-outside-padding-box-002 reference/shape-outside-padding-box-002-ref float right, padding-box https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values cbe1beffb6a9d23584ccbdcf1b7b8773e61dc305 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the padding-box value.
|
|
shape-outside-padding-box-border-radius-001 reference/shape-outside-padding-box-border-radius-001-ref float left, padding-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 9399c5840053f94855b59df0b166340b6ed6f5af `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the left float shape defined by the padding-box and border-radius value.
|
|
shape-outside-padding-box-border-radius-002 reference/shape-outside-padding-box-border-radius-002-ref float right, padding-box, border-radius https://drafts.csswg.org/css-shapes-1/#shapes-from-box-values 0920ea9e780cafcfffd1976cc5a4039502e5b121 `Ting-Yu Lin`<mailto:tlin@mozilla.com>,`Mozilla`<http://www.mozilla.org/> Test the boxes are wrapping around the right float shape defined by the padding-box and border-radius value.
|
|
shape-outside-polygon-000 Shape Outside Polygon Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3b1991a59675f2892f05da8c1faaa20949fa6928 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A polygonal basic shape has an optional fill-rule and one or more pairs of coordinates
|
|
shape-outside-polygon-001 Shape Outside Polygon Valid Fill-Rules dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b6864c42e6bbb7f84383a196eee3ce8ff2bd2a94 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A polygonal basic shape's optional fill-rule may be either 'nonzero' or 'evenodd'
|
|
shape-outside-polygon-002 Shape Outside Polygon Valid Points dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 07121a72c80c14a1da429fde7af792cb595cf9ea `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A polygonal basic shape's points may be either lengths or percentages
|
|
shape-outside-polygon-003 Shape Outside Polygon Invalid Points dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property be518f62e65134bc7b72f0a0c07ae4382fc1c6ab `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A polygonal basic shape's points may be either lengths or percentages
|
|
shape-outside-polygon-004 Shape Outside Polygon - Argument Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths e4bb8c0597a4b08fe5d5e94f83f94e7adf0dfb90 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A polygon's veritices may in percentage or any valid <length> units.
|
|
shape-outside-polygon-005 Shape Outside Polygon Valid Points dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 19cbb88f671b0bc36c3564d1066b6ad65004d66c `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A polygon's vertices can be in signed positive/negative or decimal/non-decimal format
|
|
shape-outside-polygon-006 Shape Outside Polygon args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation d7519eee54407dff4909d0ab804580dcae8e96b9 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A polygon's arguments may be in calc() values.
|
|
shape-outside-polygon-007 reference/shape-outside-polygon-007-ref left float, polygon, args in px units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 0f198fa2749251193bc0d70af02a5fc58eb9101b `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an polygon with the args in px units.
|
|
shape-outside-polygon-008 reference/shape-outside-polygon-007-ref left float, polygon, args in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 79fdc2ca1516162be5607e7e4c73ec7c1833d012 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an polygon with the args in px units.
|
|
shape-outside-polygon-009 reference/shape-outside-polygon-007-ref left float, polygon + border box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#border-box 2f080f673557f0c0d35481c0d9941518d6c91202 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the border box.
|
|
shape-outside-polygon-010 reference/shape-outside-polygon-010-ref left float, polygon + padding box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#padding-box b062c200c5b34498d50aa379c118152b8a6b4052 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the padding box.
|
|
shape-outside-polygon-011 reference/shape-outside-polygon-010-ref left float, polygon + content box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box 74f35c8362ecd78cb273662e3238b49676a33b03 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an polygon from the content box.
|
|
shape-outside-polygon-012 reference/shape-outside-polygon-010-ref right float, polygon + margin-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#margin-box cc5c26e300517a4cd019ed12906bc5c41954a185 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the margin box with a shape margin.
|
|
shape-outside-polygon-013 reference/shape-outside-polygon-010-ref right float, polygon + border-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box cb5fcec1bee8bc9ec7545477b6fddb021a21de6a `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the border box with a shape margin.
|
|
shape-outside-polygon-014 reference/shape-outside-polygon-010-ref right float, polygon + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box 0425e8319342b2bbe35bc1827458cf3974239d53 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the padding box with a shape margin.
|
|
shape-outside-polygon-015 reference/shape-outside-polygon-010-ref right float, polygon + content-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box 1b2015ca286e3663b146aae455c6c87b16e037a8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the content box wtih a shape margin.
|
|
shape-outside-polygon-016 reference/shape-outside-polygon-010-ref polygon, evenodd ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5445a6cb52b35f6a064967f79254cb7a179584a9 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that evenodd behaves the same as nonzero for shape-outside and that text will wraps around the outer edge of a polygon.
|
|
shape-outside-polygon-017 reference/shape-outside-polygon-017-ref right float, polygon + shape-margin beyond margin box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior 1f5df9c3816c138d8763df49ee01301aaf91421d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that when a shape-margin is defined that extends beyond the margin box, the shape is clipped to the box.
|
|
shape-outside-radial-gradient-001 Left float with radial gradient ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property afb0bb1c6be2a7cbbee6e89256ea4477517401fd `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient.
|
|
shape-outside-radial-gradient-002 Left float with radial gradient and percentage shape margin ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property a1bebb0dad9f2763b3ad2287f9c47575f031c8b5 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient when a percentage margin is applied.
|
|
shape-outside-radial-gradient-003 Left float with radial gradient shape, shape margin, and shape-image-threshold ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 8174c876fc409000885582ee2c1ae25ce6a9d820 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient when a shape margin and shape-image threshold are applied.
|
|
shape-outside-radial-gradient-004 Left float with radial gradient shape, shape margin, and shape-image-threshold ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property bf0c5042eadf87551779909535e65e68b2182496 `Bear Travis`<mailto:betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient on a right float when shape-image-threshold is applied.
|
|
shape-outside-shape-arguments-000 Shape Outside Basic Shape Arguments dom,script http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom-1/#serializing-css-values 74969ba14c9e4f25b9b0532a121abe7f84177b0d `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A basic basic shape can contain any length unit type, or percentage
|
|
shape-outside-shape-arguments-001 Shape Outside Shape Number Values dom,script http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom-1/#serializing-css-values 11c5f05823458b5929e1db90af900209de8ff189 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain all valid number formats
|
|
shape-outside-shape-box-pair-000 Shape Outside Box Shape and Box Valid Values dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#typedef-shape-box 933c98aa2fc465349a9cd2317f5678c963ad7950 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Shape-outside may be a pair of shape and box values
|
|
shape-outside-shape-inherit-000 Shape Outside Box Inherit Value dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property ea00deb38af81f257a024277d0977a292a56ef0a `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Shape-outside takes can be assigned the 'inherit' value.
|
|
shape-outside-shape-initial-000 Shape Outside Box Initial Value dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property cb344cd8527bf4b636c1d7a91209ad2c5ecfa9c5 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Shape-outside takes its default value of none when assigned the 'initial' value
|
|
shape-outside-shape-none-000 Shape Outside - none dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property c6b4376df9f48de07b36fe2e392aab791be53cbe `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-outside can be explictly assigned the default value of none.
|
|
shape-outside-shape-notation-000 Shape Outside Valid Basic Shape Functional Notation dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom-1/#serializing-css-values 4adaa9e3ae44481fa7ec1f5ec0dcbeba03c28740 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Basic shapes use functional notation, and may contain optional whitespace inside the parentheses
|