New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[css-borders-4] corner-shape: angle and partial borders #9072
Comments
What are the "reasonable use cases" for this? I've been pulling |
Take for example this one: #6980 (comment) Similarly, the side arrow shapes or slash shapes (like the squoosh example), with a thick border on the shaped side. I don't have any collected examples, but these seem like things that authors will want to do. |
I'll point out that both of the example sited here do not include partial borders, they in fact don't include borders at all. I just scrubbed through the whole thread and only found 1 example where partial borders on an angled corner are used and I would say Borders and
As I understand it lots of work went into defining how different border option combinations for
As mentioned above for the edge cases where individual borders are wanted we do now have |
With something like this where the bottom corners are extended up to 100% height of the element the need would be not to have the border painting cut halfway through the corner as currently happens with border-radius. If someone did want only half the corner border painted that's probably where |
In addition, I don't think that generally speaking if someone would declare a I guess the problem at the root is that for the example above the top left corner would be part of both the |
Border style changes are currently a bit awkward on curved borders, but it seems like most of the time a gradual change would be ideal...
However for
corner-shape: angle
it might not be so obvious what the appropriate handling should be... in particular, between having a border and not having a border, it would be awkward to transition suddenly halfway; and there are reasonable use cases for having both a gradual transition to 0-width and for having the entire diagonal be a single width.It might make sense to define thickness transitions to be gradual, but transitions to/from
none
be sudden? Then both options are possible.The text was updated successfully, but these errors were encountered: