-ms-wrap-flow property

Article
01/11/2017

Gets or sets a value that specifies how exclusions impact inline content within block-level elements.

This property is read/write.

Syntax

Property values

One of the following 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 the area after the end edge of the exclusion area empty.
end
Inline flow content can wrap after the end edge of the exclusion area but must leave the area before the start edge of the exclusion area empty.
maximum
Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty.
clear
Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty.

CSS information

Applies To	block-level elements
Media	visual
Inherited	no
Initial Value	auto

Standards information

CSS Exclusions and Shapes Module Level 3, Section 3.1.1

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 exclusion elements' impact on content flow, see the Definitions section of the CSS3 Exclusions specification.