regionOverset

< apis‎ | css-regions‎ | Region
Jump to: navigation, search

regionOverset

W3C Working Draft

Summary

A region's display state within a region chain.

Property of apis/css-regions/Region

Syntax

Note: This property is read-only.

var regionState = region.regionOverset;

Return Value

Returns an object of type String.

A region's display state within a region chain:

  • overset indicates the region is the last in the chain, and does not have enough room to display remaining content. See region-fragment for display options.
  • empty indicates content was accommodated by previous regions in the chain, or that no content is available to flow into the chain.
  • fit indicates various scenarios:
    • When content appears within the last region in the chain but does not overflow it, as described above in overset
    • For regions that flow content into subsequent regions in the chain
    • For regions that are too small to display the next available item of content, such as an image, which gets pushed into a subsequent region
    • For elements that no longer behave as a region, which occurs when their flow-from property reverts to none

Examples

Check if region needs to be deleted or appended:

JavaScript

if (region.regionOverset == 'empty') {
    // delete region?
} else if (region.regionOverset == 'overset') {
    // add additional regions?
}

Notes

Not to be confused with overset, which indicates whether the overall named flow features too few display regions.


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

















  • regionOverset
















External resources