Skip to content

Commit ae767c6

Browse files
committed
Simplify flow-relative mapping, since we're not dealing with logical properties
1 parent 47c3c42 commit ae767c6

1 file changed

Lines changed: 19 additions & 24 deletions

File tree

css3-writing-modes/Overview.src.html

Lines changed: 19 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1814,38 +1814,33 @@ <h3 id="logical-direction-layout">
18141814
Flow-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

Comments
 (0)