With CSS Regions, you can take a single HTML content stream of text and images and segment that stream into multiple empty containers defined in a standard HTML template. HTML templates are documents that are mostly empty of original content, but are instead composed primarily of empty containers that are sized and positioned to give incoming content a specific layout.
This sample demonstrates several ways that CSS Regions can be used to flow text content into different layouts.
The How to load in content and declare CSS Regions example covers the basic CSS syntax for using CSS Regions.
The How to use CSS Regions with CSS Flexbox example takes the basic CSS Regions syntax and applies it to a flexible box layout.
The How to use CSS Regions with CSS Grid example takes the basic CSS Regions syntax and applies it to a simple grid layout.
Reference
CSS Regions
Conceptual
Internet Explorer 10 Developer Guide: CSS Regions
Internet Explorer 10 Developer Guide: CSS Hyphenation
Internet Explorer Test Drive
Hands On: CSS3 Regions
IEBlog
Building Rich Text-Centric Pages in IE10
The Internet Explorer Samples Gallery contains a variety of code samples that demonstrate new features available in Internet Explorer. These downloadable samples are provided as compressed ZIP files that contain the HTML, JavaScript, CSS, and image resources for the sample, along with the license agreement and sample description metadata. After you’ve downloaded and unzipped the compressed files, the sample files can be found in the following location:
(unzipped folder)\HTML,JavaScript\Website \(Sample)
This sample is provided as-is in order to indicate or demonstrate the functionality of the feature APIs for Internet Explorer 10. We appreciate your comments and questions on this sample!
For download info, visit Internet Explorer downloads.