{-ms-wrap-flow} Trident Vendor-Prefixed Property | CSS: Presentation Layer

Standards Based Development

--ms-wrap-flow is a Trident vendor-prefixed property for css Exclusions and Shapes. --ms-wrap-flow gets or sets a value that specifies how exclusions impact inline content within block-level elements.

--ms-wrap-flow applies to block-level elements.

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

When --ms-wrap-flow'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.

Property 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 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 only wrap on top and bottom of the exclusion and must leave the areas to the start and edges of the exclusion box 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.

References and Resources