diff --git a/css-borders-4/Overview.bs b/css-borders-4/Overview.bs index aaaa19ff884..65a22c83db2 100644 --- a/css-borders-4/Overview.bs +++ b/css-borders-4/Overview.bs @@ -405,19 +405,8 @@ Issue #11610: che |x/a|^k + |y/b|^k = 1 -

-Corner Shaping: the 'corner-shape' and 'corner-*-shape' properties

- -
-		Name: corner-shape
-		Value: <>{1,2} [ / <>{1,2} ]?
-		Initial: round
-		Applies to: all elements where 'border-radius' can apply
-		Inherited: no
-		Animation type: see individual properties
-	
- - Applies the shape to all corners, following the same rules as ''border-radius''. +

+Corner Shaping: the 'corner-*-shape' properties

 	Name: corner-top-left-shape, corner-top-right-shape, corner-bottom-right-shape, corner-bottom-left-shape, corner-start-start-shape, corner-start-end-shape, corner-end-start-shape, corner-end-end-shape
@@ -445,10 +434,13 @@ Corner Shaping: the 'corner-shape' and 'corner-*-shape' properties
 	and the second the inline-axis side
 	(i.e. patterned as 'corner-block-inline-shape').
 
+

+Corner Shaping: the 'corner-shape' and 'corner-*-shape' shorthand properties

+
 		Name: corner-top-shape, corner-right-shape, corner-bottom-shape, corner-left-shape,
 			corner-block-start-shape, corner-block-end-shape, corner-inline-start-shape, corner-inline-end-shape
-		Value: <>
+		Value: <>{1,2}
 		Initial: round
 		Applies to: all elements where 'border-radius' can apply
 		Inherited: no
@@ -457,10 +449,8 @@ Corner Shaping: the 'corner-shape' and 'corner-*-shape' properties
 	

The 'corner-*-shape' shorthands set the two 'corner-*-*-shape' - longhand properties of the related side. If values are given before - and after the slash, then the values before the slash set the - horizontal radius and the values after the slash set the vertical radius. - If there is no slash, then the values set both radii equally. + longhand properties of the related side. + If a single value is specified, it sets both longhands equally. The two values for the radii are given in the order top-left, top-right for 'corner-top-shape', top-right, bottom-right for 'corner-right-shape', @@ -472,6 +462,17 @@ Corner Shaping: the 'corner-shape' and 'corner-*-shape' properties and start-end, end-end for 'corner-inline-end-shape'. If the second value is omitted it is copied from the first. +

+		Name: corner-shape
+		Value: <>{1,4}
+		Initial: round
+		Applies to: all elements where 'border-radius' can apply
+		Inherited: no
+		Animation type: see individual properties
+	
+ + Applies the shape to all corners, following the same rules as ''border-radius''. +

Interpolating corner shapes