-ms-wrap-flow

CSS
CSS Reference

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-flow CSS property is a Microsoft extension that specifies how exclusions impact inline content within block-level elements.

Initial value	`auto`
Applies to	block-level elements
Inherited	no
Computed value	as specified
Animation type	discrete

Syntax

Values

auto: For floated elements, an exclusion is created; for all other elements, an exclusion is not created.
both: Inline flow content can flow on all sides of the exclusion.
start: Inline flow content can wrap on the start edge of the exclusion area but must leave empty the area after the end edge of the exclusion area.
end: Inline flow content can wrap after the end edge of the exclusion area but must leave empty the area before the start edge of the exclusion area.
maximum: Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave empty the other side of the exclusion.
clear: Inline flow content can only wrap on top and bottom of the exclusion and must leave empty the areas to the start and end edges of the exclusion box.

Formal syntax

auto | both | start | end | maximum | clear

Specifications

Not part of any specification.

Remarks

The -ms-wrap-flow property makes an element an exclusion element when it has a computed value other than auto. This property specifies that the exclusion element (the exclusion) can be positioned in various ways, and that inline content will wrap around the exclusion in a way similar to how it wraps around floated elements.

When the -ms-wrap-flow property's computed value is auto, the element does not become an exclusion element unless its float property's computed value is not none. In that case, the element contributes its border box to its containing block's wrapping context and content flows around it according to the clear property. For more information about the impact of an exclusion element on content flow, see the Terminology section of the CSS Exclusions Module Level 1 specification.