Re: [css4-background] use cases for 'border-corner-shape'?

On Mar 25, 2013, at 2:43 AM, Stu Cox <stuart.cox@gmail.com> wrote:

> 
> On 25 March 2013 06:19, L. David Baron <dbaron@dbaron.org> wrote:
>> Authors can already do this in a number of
>> ways:  using border-image (preferably), or using images (the way
>> authors used to simulate rounded corners before border-radius).
> 
> 
> Surely border-image isn't quite the same because it requires adding border width to the box model,

No, it doesn't. 

> and precludes adding a border as well. 

Nope. Whatever border thickness you want would just be in the SVG. Or as a hack you could use the drop shadow filter to fake a border. 

> This example wouldn't be possible (not trivially at least) because internal content would have to overlap the border.

It looks trivial to me. It wouldn't have to overlap the border. Border-image-width does not change the dimensions of the padding box. 

> It also wouldn't crop internal content to that shape... yes a mask could be used instead, but as far as I know the current syntax wouldn't support this for flexible boxes.

I'm pretty sure it does. 

> Re. a more generic solution: Lea's already proposed allowing cubic-beizer() values for border-corner-shape, which would make this more generic, while the named variants ('bevel' etc) give convenient shortcuts for the most common shapes. Or SVG, but it seems excessive to define an SVG container: lots of additional markup for what is essentially a styling issue.
> 
> There are easily enough bevel cornered tabs and scoop cornered classic "ticket" shapes on the net to warrant this property - and creative people will find many more fantastic things to do with any tools you give them.
> 
> 
> Stu Cox
> @stucoxmedia
>