Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -ms-wrap-through CSS property is a Microsoft extension that specifies how content should wrap around an exclusion element.
| Initial value | wrap |
|---|---|
| Applies to | block-level elements |
| Inherited | no |
| Computed value | as specified |
| Animation type | discrete |
wrapThe exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element.
noneThe exclusion element does not inherit its parent node's wrapping context. Its descendants are only subject to exclusion shapes defined inside the element.
wrap | none
Not part of any specification.
You can use the -ms-wrap-through property to control the effect of exclusions; for instance, to cause one content block to wrap around an exclusion element and another to intersect the same exclusion element.
The wrapping context of a box is a collection of exclusion areas contributed by its associated exclusion boxes. The inline flow content of a box is placed in the area that corresponds to the subtraction of its wrapping context from its own content area. For more information about exclusion elements' impact on content flow, see the Terminology section of the CSS Exclusions Module Level 1 specification.