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

The CSS Working Group just discussed ``[css-borders-4] corner-shape `angle` vs `bevel` ``, and agreed to the following:

* `RESOLVED: the option will be called bevel`

<details><summary>The full IRC log of that discussion</summary>
&lt;JoshT> noamr: This is about diagonal line version of corner shape<br>
&lt;JoshT> ... in a zero value<br>
&lt;JoshT> ... angle and bezel<br>
&lt;dholbert> s/bezel/bevel/<br>
&lt;JoshT> ... I prefer bevel because it's consistent with canvas<br>
&lt;JoshT> ... also, when I think of angle, it makes me think we'll specify an angle like 90deg<br>
&lt;JoshT> ... also, I don't have a strong opinion, but it ties up a loose end in the spec<br>
&lt;smfr> q+<br>
&lt;astearns> ack smfr<br>
&lt;iank_> "chamfer" is the correct technical term :)<br>
&lt;lea> q+<br>
&lt;JoshT> smfr: I feel somewhat strongly that bevel is better<br>
&lt;JoshT> ... shaving the corner off something<br>
&lt;astearns> ack lea<br>
&lt;SebastianZ> q+<br>
&lt;JoshT> lea: I feel moderately strongly about angle. better for non-native speakers<br>
&lt;fantasai> could also do 'straight', but maybe that's had to spell?<br>
&lt;JoshT> ... and corner-shape is used for shapes different to rectangle with corner shaved off, including making diamond shapes<br>
&lt;astearns> ack SebastianZ<br>
&lt;fantasai> round | straight | notch | scoop<br>
&lt;JoshT> SebastianZ: I weakly prefer angle over bevel<br>
&lt;fantasai> round | bevel | notch | scoop<br>
&lt;fantasai> round | angle | notch | scoop<br>
&lt;JoshT> ... but we resolved changing it to angle, maybe through an initiative from Una. but didn't see reasoning behind it<br>
&lt;fantasai> round | diagonal | notch | scoop<br>
&lt;JoshT> noamr: I want to suggest third option: diagonal<br>
&lt;lea> +1 for finding a third option, though no idea what that would be :P<br>
&lt;JoshT> ... diagonal corner<br>
&lt;smfr> chamfer :)<br>
&lt;lea> straight?<br>
&lt;smfr> straight was already proposed for "square" so that's confusing<br>
&lt;JoshT> astearns: four options. I personally don't like angle. Like what angle?<br>
&lt;lea> fair<br>
&lt;JoshT> ... diagonal makes it clear it is a diagonal angle<br>
&lt;lea> +1 to diagonal<br>
&lt;fantasai> POLL: In the context of round | notch | scoop, should we take a) bevel b) diagonal c) angle d) straight e) chamfer<br>
&lt;TabAtkins> And in the uncommon case, it's still clearly stretching between the corners of some rectangle, which is also correct<br>
&lt;JoshT> ... leaning towards that. maybe because it's a new suggestion<br>
&lt;florian> FWIW, I prefer bevel<br>
&lt;davidleininger> design tools use bevel right?<br>
&lt;JoshT> dholbert: if it's a square, it can mean connecting a line from one corner to the other<br>
&lt;kizu> +1 to diagonal, slightly long, but ok-ish<br>
&lt;JoshT> TabAtkins: that makes sense. this is connecting two corners of a region<br>
&lt;iank_> slant ?<br>
&lt;lea> strong -1 to chamfer<br>
&lt;fantasai> +1 slant<br>
&lt;JoshT> dholbert: it's about two opposite corners<br>
&lt;JoshT> noamr: it is the diagonal of the square that defines the corner<br>
&lt;lea> slant seems okay too<br>
&lt;JoshT> florian: slant is not the worst<br>
&lt;TabAtkins> I don't think people would be assuming that about all the other values - using 'round' doesn't mean the entire box is round. It's clearly the shape of the one corner.<br>
&lt;SebastianZ> Also strong -1 on chamfer, even when that's used in many 3D tools.<br>
&lt;jfkthame> +1 bevel<br>
&lt;JoshT> smfr: bevel already exists in canvas<br>
&lt;ydaniv> +1<br>
&lt;TabAtkins> +1 to bevel, fwiw<br>
&lt;dholbert> +1 bevel<br>
&lt;kurt> +1 bevel<br>
&lt;smfr> `stroke-linejoin="bevel"`<br>
&lt;davidleininger> +1 bevel<br>
&lt;JoshT> ... so I'm a little surprised how we're not going with what already exists in svg and canvas<br>
&lt;JoshT> astearns: poll on bevel vs diagonal?<br>
&lt;fantasai> POLL: In the context of round | notch | scoop, should we take a) bevel b) diagonal c) angle d) straight e) chamfer f) slant<br>
&lt;JoshT> ... any other options?<br>
&lt;emeyer> A<br>
&lt;davidleininger> A<br>
&lt;dholbert> a<br>
&lt;miriam> a<br>
&lt;schenney> a<br>
&lt;noamr> a<br>
&lt;jfkthame> a<br>
&lt;futhark> a<br>
&lt;florian> a<br>
&lt;JoshT> a<br>
&lt;SebastianZ> c<br>
&lt;smfr> a<br>
&lt;iank_> A<br>
&lt;ydaniv> a<br>
&lt;kbabbitt> a<br>
&lt;fantasai> a, b/d/f<br>
&lt;astearns> a<br>
&lt;castastrophe> A<br>
&lt;TabAtkins> a<br>
&lt;kurt> a<br>
&lt;oriol> a<br>
&lt;kizu> a<br>
&lt;lea> b, c, d, f<br>
&lt;JoshT> astearn: clear winner of bevel, shall we resolve?<br>
&lt;JoshT> RESOLVED: the option will be called bevel<br>
</details>


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


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

Received on Wednesday, 11 June 2025 16:59:23 UTC