diff --git a/css-backgrounds-4/Overview.bs b/css-backgrounds-4/Overview.bs index 2fe11932092..3259711000a 100644 --- a/css-backgrounds-4/Overview.bs +++ b/css-backgrounds-4/Overview.bs @@ -242,8 +242,52 @@ Painting Area: the 'background-clip' property

Corners

-

-Corner Sizing: the 'border-radius' property

+

+Corner Sizing: the 'border-radius' and 'border-*-radius' shorthand properties

+ +

+Sizing The Corners Of One Side: +The 'border-top-radius', 'border-right-radius', +'border-bottom-radius', 'border-left-radius', +'border-block-start-radius', 'border-block-end-radius', +'border-inline-start-radius', 'border-inline-end-radius' shorthands

+ +
+		Name: border-top-radius, border-right-radius, border-bottom-radius, border-left-radius,
+			border-block-start-radius, border-block-end-radius, border-inline-start-radius, border-inline-end-radius
+		Value: <>{1,2} [ / <>{1,2} ]?
+		Initial: 0
+		Applies to: all elements (but see prose)
+		Inherited: no
+		Percentages: Refer to corresponding dimension of the border box.
+		Computed value: see individual properties
+		Animatable: see individual properties
+	
+ +

The 'border-*-radius' shorthands set the two 'border-*-*-radius' + 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. + The two values for the radii are given in the order + top-left, top-right for 'border-top-radius', + top-right, bottom-right for 'border-right-radius', + bottom-left, bottom-right for 'border-bottom-radius', + top-left, bottom-left for 'border-left-radius', + start-start, start-end for 'border-block-start-radius', + end-start, end-end for 'border-block-end-radius' + start-start, end-start for 'border-inline-start-radius', + and start-end, end-end for 'border-inline-end-radius'. + If the second value is omitted it is copied from the first. + +

+ Should the physical values all be defined as left to right and top to bottom + and the logical ones as start to end + or should they follow the clockwise order of ''border-radius''? + +

+Sizing All Corners At Once: +The 'border-radius' shorthand

 		Name: border-radius