CSS3 Click Chart | CSS3 Browser Support and Information

Exclusions

As an extension of the float property, exclusions (a.k.a. "positioned floats") allow you to define arbitrary areas that inline content can flow around.

Specification

Exclusions and Shapes Module on W3C

Example Code

.element { 
    display: -ms-grid;
}

.exclusion { 
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    background-color: lime;
    -ms-wrap-side: both;
    float: -ms-positioned;
    padding: 10px;
    -ms-wrap-margin: 15px;
}

.inline-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row-span: 3;
}

Live Demonstration

For a live demonstration of CSS3 exclusions, visit this link in a supporting browser.

Desktop Browser Support

Standard Syntax:
None

Vendor Prefix (partial support):
Chrome 23+, Firefox 16+, IE10+

Tools / Polyfills

Tutorials / Articles

CSS3 Exclusions (MSDN)
CSS Exclusions (Adobe)