[css-borders-4] Include individual corner shorthands

[jsnkuhn]

Would like to see individual corner-* shorthands similar to border-bottom-left-radius: 25px; for corners.

corner-bottom-right: angle 100% / 5%;

https://drafts.csswg.org/css-borders-4/#corners-shorthand

[Loirooriol]

This would probably require having corner longhands of corner-shape too.

corner-shape-bottom-right: angle;

[jsnkuhn]

Just for clarity sake these are what I'm thinking would be equivalent?

.triangle-top-left{
	corners: angle 0 0 100% 0;
		/* vs */
	corner-bottom-right: angle 100%;
}

In either case this is loads more use-able than any of the wired zero width/height + thick border hacking we've been using for css shapes forever: https://css-tricks.com/the-shapes-of-css/#triangle-top-left-shape.

[SebastianZ]

Sounds reasonable to me. I'd like to get an agreement on corner shapes in general, first. Then this addition should be relatively trivial.

Sebastian

[yisibl]

The property name is now corner-bottom-right-shape, consistent with border-bottom-right-radius.

[noamr]

This is already done.