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