Notice:
The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

overset

Jump to: navigation, search

overset

This article is Ready to Use.

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

See also

Related articles

Regions





  • overset









External resources