overset
< apis | css-regions | NamedFlow
overset
This page has been flagged with the following issues:
High-level issues:
W3C Editor's Draft
Summary
Indicates whether a flow's content exceeds available space within a region chain, or if no available region chain in which to flow content exists.
Property of apis/css-regions/NamedFlow
Syntax
Note: This property is read-only.
var exceedsRegions = flow.overset;
Return Value
Returns an object of type Boolean.
Indicates whether a flow's content exceeds available space within a region chain. Also indicates when no region chain is available in which to flow content.
Examples
JavaScript
// adds a region element to a prescribed container
// if there aren't already enough to display all content
function appendRegion(flowName) {
var flow = document.getNamedFlows()[flowName];
var layout = document.querySelector('#layout_wrapper');
var region;
// need to add more regions?
if (! flow.overset) return(false);
// assumes CSS such as:
// #layout_wrapper > div { flow-from: mainFlow}
region = document.createElement('div');
layout.appendChild(region);
return(true); // perhaps for use in while loop
}
appendRegion('mainFlow');
Notes
Not to be confused with regionOverset, which indicates the overset state of individual regions. Only the final region in a chain can be overset.
Related specifications
| Specification | Status | Related Changes |
|---|---|---|
| CSS Regions Module Level 3 | W3C Editor's Draft |
Compatibility
Desktop
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic Support | 20 -webkit |
Unsupported | Unsupported | Unsupported |
534 -webkit
|
Mobile
| Feature | Android | BlackBerry | Chrome for mobile | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Opera Mini | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic Support | Unsupported | Unsupported | Unsupported | Unsupported | Unsupported | Unsupported | Unsupported | Unsupported |
See also
Related articles
Regions
- overset
External resources
- W3C editor's draft: CSS Regions Module Level 3
- Adobe Web Standards: CSS Regions
- Adobe Developer's Network: CSS3 Regions: Rich page layout with HTML and CSS3
- Sample pages
This tool helps to make and review comments inline.
How to Use
insert instructions, with images, here