regionOverset

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

regionOverset

This page has been flagged with the following issues:

High-level issues:


W3C Editor's 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 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

















  • regionOverset

















External resources