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