name

Summary

Name of flow, as specified by any element’s flow-from or flow-into properties.

Property of apis/css-regions/NamedFlowapis/css-regions/NamedFlow

Syntax

Note: This property is read-only.

var id = flow.name;

Return Value

Returns an object of type StringString

Name of flow, as specified by any element’s flow-from or flow-into properties.

Examples

// Generic event handler adds/deletes regions to fit content. The 'name'
// property might allow the handler to dispatch different functions for
// different flows.

function modifyFlow(e) {
    var flow = e.target;
    if (flow.overset) {
        appendRegion(flow.name);
    }
    else if (flow.firstEmptyRegionIndex !== -1) {
        trimRegions(flow.name);
    }
}

document.getNamedFlows().namedItem('main').addEventListener('regionoversetchange', modifyFlow);

Related specifications

CSS Regions Module Level 1

W3C Working Draft

See also

Related articles

Regions

• CSS Regions API

• CSSRegionStyleRule

• NamedFlow

• firstEmptyRegionIndex

• getContent()

• getRegions()

• getRegionsByContent()

• name

• overset

• regionfragmentchange

• regionoversetchange

• NamedFlowCollection

• namedItem()

• Region

• getComputedRegionStyle()

• getRegionFlowRanges()

• regionOverset

• @region

• content fragments

• named flows

• overset content

• regions

• region chains

• break-after

• break-before

• break-inside

• flow-from

• flow-into

External resources

• W3C editor’s draft: CSS Regions Module Level 3
• Adobe Web Standards: CSS Regions
• Adobe Developer’s Network: CSS3 Regions: Rich page layout with HTML and CSS3
• Sample pages