We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

-ms-wrap-flow

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 valueauto
Applies toblock-level elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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.

Document Tags and Contributors

Contributors to this page: jameshkramer
Last updated by: jameshkramer,