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