Re: [csswg-drafts] [css-borders-4] corner-shape `angle` vs `bevel` (#12232)

> ![Image](https://github.com/user-attachments/assets/1883a975-fe11-47f1-9b48-bd8eab260728)
> 
> Seems like the name for this type of corner has gone back and forth from `bevel` to `angle` and now back to `bevel` over time but I can't find any actually public conversation about why these changes were made just that they were.

See this resolution: https://github.com/w3c/csswg-drafts/issues/10993#issuecomment-2622578937
Though it's not a very  thorough discussion on the matter.

So some thoughts:
> 
> * Potential the thinking is reuse bevel from SVG's `stroke-linejoin="bevel"`. Although I'm not entirely sure that the corner-shape use is the same as what stroke-linejoin is doing?

It's very similar visually. A sloped/angled line between the edges is a bevel.

"A bevel is a sloped/angled surface following an edge. It is formed by cutting or grinding the material at an angle other than 90°" (https://www.xometry.com/resources/machining/bevel/)

> * with `angle` is will devs think they can use css  values with it. As in: "where do I say I want a `42deg` angle" which is not how corner shape works.

This is my reasoning for opposing `angle`. "Angle" doesn't necessarily mean a straight angle. 90 degrees is also an angle.
Bevel is very specifically and distinctly a sloped angle between two edges, which accurately describes the effect of `superellipse(0)`.

-- 
GitHub Notification of comment by noamr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12232#issuecomment-2906982925 using your GitHub account


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

Received on Saturday, 24 May 2025 19:12:50 UTC