[css-overflow-3] Consolidate 'overflow' longhands.

Author: fantasai

css-overflow-3/Overview.bs

@@ -344,7 +344,7 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
 	is the [=scrollport=] of its nearest [=scroll container=] ancestor.
 
 	<pre class=propdef>
-		Name: overflow-x, overflow-y
+		Name: overflow-x, overflow-y, overflow-block, overflow-inline
 		Value: visible | hidden | clip | scroll | auto
 		Initial: ''visible''
 		Applies to: block containers [[!CSS2]], flex containers [[!CSS3-FLEXBOX]], grid containers [[!CSS3-GRID-LAYOUT]], and [=replaced=] elements
@@ -355,12 +355,20 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
 	</pre>
 
 	The 'overflow-x' property specifies
-	the handling of <a>overflow</a> in the horizontal direction
+	the handling of <a>overflow</a> in the horizontal axis
 	(i.e., overflow from the left and right sides of the box),
 	and the 'overflow-y' property specifies the handling
-	of <a>overflow</a> in the vertical direction
+	of <a>overflow</a> in the vertical axis
 	(i.e., overflow from the top and bottom sides of the box).
 
+	The 'overflow-block' and 'overflow-inline' properties likewise
+	specify the handling of [=overflow=]
+	in the [=block axis|block=] and [=inline axis|inline=] axis, respectively
+
+	These four properties form a [=logical property group=]
+	together with the 'overflow' [=shorthand=],
+	and interact as defined in [[css-logical-1#box]].
+
 	<pre class="propdef shorthand">
 		Name: overflow
 		Value: [ visible | hidden | clip | scroll | auto ]{1,2}
@@ -372,7 +380,7 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
 		Animation type: discrete
 	</pre>
 
-	The 'overflow' property is a shorthand property
+	The 'overflow' property is a [=shorthand property=]
 	that sets the specified values of 'overflow-x' and 'overflow-y' in that order.
 	If the second value is omitted, it is copied from the first.
 
@@ -611,26 +619,6 @@ Overflow Viewport Propagation</h3>
 	If ''overflow/clip'' is applied to the viewport,
 	it must be interpreted as ''overflow/hidden''.
 
-<h3 id=logical>
-Flow Relative Properties: the 'overflow-block' and 'overflow-inline' properties</h3>
-
-	The following properties are processed according to the same processing model
-	as the Flow-Relative box model properties defined in [[css-logical-1#box]].
-
-	<pre class="propdef">
-	Name: overflow-inline, overflow-block
-	Value: <<'overflow'>>
-	Initial: visible
-	Applies to: Same as 'overflow-x' and 'overflow-y'
-	Inherited: no
-	Percentages: N/A
-	Computed value: Same as 'overflow-x' and 'overflow-y'
-	Animation type: discrete
-	</pre>
-
-	These properties correspond to the
-	'overflow-x' and 'overflow-y' properties.
-	The mapping depends on the element's 'writing-mode'.
 
 <h3 id=smooth-scrolling caniuse=css-scroll-behavior>
 Smooth Scrolling: the 'scroll-behavior' Property</h3>