@@ -336,7 +336,7 @@ Flow-Relative Box Model Properties</h2>
336
336
This shared value is determined by [=cascading=]
337
337
the declarations of both properties together as one;
338
338
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
340
340
higher priority in the CSS [=cascade=] . [[!CSS-CASCADE-3]]
341
341
342
342
<p class="note">
@@ -391,9 +391,19 @@ Flow-Relative Box Model Properties</h2>
391
391
to get the correct mapping behavior
392
392
when changing an element’s <a>writing mode</a> from its parent.
393
393
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.
397
407
398
408
<h3 id="dimension-properties">
399
409
Logical Height and Logical Width:
0 commit comments