@@ -279,32 +279,30 @@ Flow-Relative Page Classifications</h2>
279279Flow-Relative Box Model Properties</h2>
280280
281281 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> .
284297
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
286300 the specified values of the parallel physical properties,
287301 but the flow-relative and physical properties share computed values.
288302 Which pairs of properties share computed values
289303 depends on the element’s computed values of
290304 'writing-mode' , 'direction' , and 'text-orientation' .
291305
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-
308306 Note: Depending on the element’s own writing mode
309307 simplifies the cascading calculations
310308 and gives a straightforward model for authors to reason about.
0 commit comments