overset

Jump to: navigation, search

overset

W3C Working Draft

Summary

Indicates whether a flow's content exceeds available space within a region chain, or if no available 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 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().namedItem(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 1 W3C Working Draft

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic Support Unsupported
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
537 -webkit

See also

Related articles

Regions









  • overset
























External resources