Planned: Version 3.3 Flow-Relative Values

[Jordan-Hall]

Documentation for the change:

Flow-Relative Values: block-start, block-end, inline-start, inline-end

Properties that accept physical directional keyword values (top, bottom, left, or right) are redefined to also accept the appropriate flow-relative directional keywords. In such cases, the flow-relative values can be used in place of the corresponding physical values. For properties that take multiple keywords, combinations of flow-relative and physical values are not allowed (unless otherwise specified in a future specification).

Properties can be either 1-dimensional or 2-dimensional. When contextually constrained to one dimension, the flow-relative keywords are abbreviated.

Logical Values for the caption-side Property

Name:	caption-side
New values:	inline-start | inline-end
Computed value:	as specified

These two values are added only for implementations that support left and right values for caption-side. The left and right values themselves are defined to be line-relative.

The existing top and bottom values are idiosyncratically redefined as assigning to the block-start and block-end sides of the table, respectively.

The mapping on this property uses the writing mode of the caption’s containing block (that is, the table wrapper box).

Flow-Relative Values for the float and clear Properties

Name:	float, clear
New values:	inline-start | inline-end
Computed value:	as specified

The mapping on these properties uses the writing mode of the element’s containing block.

Note: These properties are 1-dimensional in CSS2, but are planned to be expanded to two dimensions, and therefore are given unabbreviated flow-relative keywords.

Flow-Relative Values for the text-align Property

Name:	text-align
New values:	start / end
Computed value:	as specified

Flow-Relative Values for the resize Property

Name:	resize
New values:	block
Computed value:	as specified