@@ -1814,38 +1814,33 @@ <h3 id="logical-direction-layout">
18141814Flow-Relative Mappings</ h3 >
18151815
18161816 < p > Flow-relative directions are calculated with respect to
1817- the writing mode of the element and used to abstract layout
1818- related to padding and border properties. For example, if
1819- an element had computed values of ''direction: ltr;
1820- writing-mode: vertical-lr; text-orientation: vertical-right'',
1821- 'padding-top' would give its start padding, and 'padding- left'
1822- would give its before padding.
1823-
1824- < p > Flow-relative directions are calculated with respect to
1825- the writing mode of the < em > parent </ em > of the element
1826- and used to abstract layout related to the margin properties
1827- and the 'top', 'bottom', 'left', and 'right' properties.
1828- (For the root element, which has no parent, the values of
1829- the writing mode of the element is used instead.)
1817+ the writing mode of the < em > containing block </ em > of the
1818+ element and used to abstract layout rules related to the
1819+ box properties (margins, borders, padding) and any properties
1820+ related to positioning the box within its containing block
1821+ ('float', 'clear', 'top', 'bottom', ' left', 'right')
1822+ For inline-level elements, the writing mode of the < em > parent
1823+ element </ em > is used instead.
1824+
1825+ < p > For example, the margin that is dropped when a box's inline
1826+ dimension is
1827+ < a href =" http://www.w3.org/TR/CSS21/visudet.html#blockwidth " > over-constrained </ a >
1828+ is the end margin as determined by the writing mode of the
1829+ containing block.
18301830
18311831 < p > The < a href ="http://www.w3.org/TR/CSS21/box.html#collapsing-margins "> margin
18321832 collapsing rules</ a > apply exactly with the < em > before
18331833 margin</ em > substituted for the top margin and the
18341834 < em > after margin</ em > substituted for the bottom margin.
1835- Similarly the padding and border on the same side as the
1836- before margin is substituted for the top padding and
1837- border, and the padding and border on the same side as
1838- the after margin for the bottom padding and border.
1835+ Similarly the before padding and border are substituted
1836+ for the top padding and border, and the after padding and
1837+ border substituted for the bottom padding and border.
18391838 Note this means only before and after margins ever collapse.
18401839
1841- < p class ="note "> The parent element is used instead of the
1842- containing block, because the benefit of using the containing
1843- block is very rare, but the cost to implement it is rather
1844- high for implementations that do abstract-physical mapping
1845- at cascade time.</ p >
1840+ < p > Flow-relative directions are calculated with respect to
1841+ the writing mode of the element and used to abstract layout
1842+ related to the element's contents:
18461843
1847- < p > The start and end directions are also used for inline
1848- layout as follows:
18491844 < ul >
18501845 < li > The initial value of the 'text-align' property
18511846 aligns to the start edge of the line box.
0 commit comments