@@ -279,32 +279,30 @@ Flow-Relative Page Classifications</h2>
279
279
Flow-Relative Box Model Properties</h2>
280
280
281
281
This specification introduces new CSS properties
282
- that are flow-relative equivalents
283
- of physical box model properties.
282
+ that are <a>flow-relative</a> equivalents
283
+ of <a>physical</a> box model properties.
284
+ Each set of related flow-relative longhand properties
285
+ and their parallel physical properties
286
+ form a <dfn export>logical property group</dfn> .
287
+ For example, the 'padding-*' properties
288
+ form a single <a>logical property group</a> ,
289
+ the 'margin-*' properties
290
+ form a separate <a>logical property group</a> ,
291
+ etc.
292
+ The type of directional or axis mapping
293
+ (<a>flow-relative</a> or <a>physical</a> )
294
+ is called the property’s <dfn export>mapping logic</dfn> .
295
+
296
+ Note: Each longhand property is in at most one <a>logical property group</a> .
284
297
285
- The specified values of these properties are separate from
298
+ The <a>specified values</a> of the <a>flow-relative</a> properties
299
+ are distinct from
286
300
the specified values of the parallel physical properties,
287
301
but the flow-relative and physical properties share computed values.
288
302
Which pairs of properties share computed values
289
303
depends on the element’s computed values of
290
304
'writing-mode' , 'direction' , and 'text-orientation' .
291
305
292
- Each set of flow-relative longhand properties and their parallel
293
- physical properties form a <dfn export>logical property group</dfn> .
294
-
295
- Each property in a <a>logical property group</a> has
296
- a <dfn export>logical kind</dfn> . Flow-relative properties'
297
- <a>logical kind</a> is "flow-relative", and physical properties'
298
- <a>logical kind</a> is "physical".
299
-
300
- Note: For example, 'block-size' , 'inline-size' , 'width' , and 'height'
301
- form a <a>logical property group</a> , while 'margin-block-start' ,
302
- 'margin-block-end' , 'margin-inline-start' , 'margin-inline-end' ,
303
- 'margin-top' , 'margin-right' , 'margin-bottom' , and 'margin-left'
304
- form another.
305
-
306
- Note: Each property is in at most one <a>logical property group</a> .
307
-
308
306
Note: Depending on the element’s own writing mode
309
307
simplifies the cascading calculations
310
308
and gives a straightforward model for authors to reason about.
0 commit comments