[csswg-drafts] [css-borders] `corner-shape` `border-radius` interaction (#9188)

jsnkuhn has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-borders] `corner-shape` `border-radius` interaction ==
This is another off shoot from the use case thread

1. Currently spec has `border-radius` as a forced fallback to `corner-shape`. Personally, not a fan of this.

If a page/component design requires an angled corner it might also have things like background images that contain angles. Forcing a rounded corner fallback in this case could cause design inconsistencies. A fallback to no corner shaping makes more sense. 

In practice a better fall back here would probably be using @supports and adding a background-image or a clip path to approximate the wanted angled corner.


2. The idea of using `border-radius` on top of `corner-shape` to optionally round corner joints has been brought up: https://github.com/w3c/csswg-drafts/issues/6980#issuecomment-1221512890

example image:

![182668805-5dbb7699-5e86-4aec-8299-7afec367a2c9](https://github.com/w3c/csswg-drafts/assets/1286791/2bc574a0-1c5f-4130-811b-0e4016f5b133)

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


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9188 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 14 August 2023 21:59:08 UTC