Skip to content

Commit a686dd8

Browse files
committed
[css-logical-1] Define inheritance of flow-relative properties. #3029
1 parent 19753f1 commit a686dd8

File tree

1 file changed

+14
-4
lines changed

1 file changed

+14
-4
lines changed

css-logical-1/Overview.bs

+14-4
Original file line numberDiff line numberDiff line change
@@ -336,7 +336,7 @@ Flow-Relative Box Model Properties</h2>
336336
This shared value is determined by [=cascading=]
337337
the declarations of both properties together as one;
338338
in other words, the [=computed value=] of both properties in the pair
339-
is derived from the [=specified=] value of the property declared with
339+
is derived from the [=specified value=] of the property declared with
340340
higher priority in the CSS [=cascade=]. [[!CSS-CASCADE-3]]
341341

342342
<p class="note">
@@ -391,9 +391,19 @@ Flow-Relative Box Model Properties</h2>
391391
to get the correct mapping behavior
392392
when changing an element’s <a>writing mode</a> from its parent.
393393

394-
ISSUE: There are some open questions on
395-
the <a href="https://github.com/w3c/csswg-drafts/issues/3029">order of inheritance vs mapping in flow-relative properties</a>
396-
and on the <a href="https://github.com/w3c/csswg-drafts/issues/3030">interaction of shorthands and logical properties</a>.
394+
Inheritance of each property is from its corresponding property on the parent.
395+
For example, although the [=inline-start=] margin of an''direction/rtl'' box is its right margin,
396+
'margin-inline-start' on this box will inherit
397+
the 'margin-inline-start' of an ''direction/ltr'' parent
398+
even though that happens to be the parent’s <em>left</em> margin.
399+
400+
[=Shorthand properties=] that encompass both logical and physical longhands
401+
(such as the 'all' shorthand)
402+
set omitted values first,
403+
and otherwise set the physical values last.
404+
For example, ''all: inherit'' will set all of the 'margin' properties to ''inherit'',
405+
but since the physical longhands are set last,
406+
the child's margins will inherit from their physical counterparts in the parent.
397407

398408
<h3 id="dimension-properties">
399409
Logical Height and Logical Width:

0 commit comments

Comments
 (0)