W3C home > Mailing lists > Public > www-style@w3.org > March 2013

Re: [css4-background] Different border-corner-shape per corner

From: Lea Verou <lea@w3.org>
Date: Mon, 25 Mar 2013 16:43:04 +0200
Cc: Brian Kardell <bkardell@gmail.com>, www-style list <www-style@w3.org>
Message-Id: <188E0AE4-9CC4-4C11-918A-1A72C7FC37E4@w3.org>
To: Stu Cox <stu@stucox.co.uk>
That is already possible with what is already in css4-background. You just need to specify:

border-radius: 20px 0 0;
border-corner-shape: bevel;

Allowing multiple values in border-corner-shape will just allow multiple different corner shapes per corner. E.g. 1 cutoff corner and 3 rounded ones.

Lea Verou
W3C developer relations
http://w3.org/people/all#leahttp://lea.verou.me ✿ @leaverou






On Mar 25, 2013, at 16:33, Stu Cox wrote:

> Yep. The common cutoff-corner tab style would need to be able to specify corners separately; e.g.: http://www.red-team-design.com/css3-tabs-with-beveled-corners
> 
> 
> On 25 March 2013 11:45, Brian Kardell <bkardell@gmail.com> wrote:
> 
> 
> On Mar 24, 2013 3:03 PM, "Lea Verou" <lea@w3.org> wrote:
> >
> > This seems pretty obvious, but I hadn’t thought about it before: border-corner-shape [1] currently only takes one value, for all four corners. It should take {1,4} values, to enable authors to set different shapes per corner. The implementation overhead is small and it should cover a few more use cases. Idea raised by a suggestion from Max West [2], although that wasn’t the crux of his suggestion (which is unclear to me).
> >
> > [1]: http://dev.w3.org/csswg/css4-background/#border-corner-shape
> > [2]: http://maxw3st.us/bordercorner.html
> >
> > Lea Verou
> > W3C developer relations
> > http://w3.org/people/all#leahttp://lea.verou.me ✿ @leaverou
> >
> >
> I think supporting standard top,right,left,bottom style there seems like a real decent idea - lots of designs in print call for opposing corners to be different.
> 
> 
Received on Monday, 25 March 2013 14:43:16 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:07 GMT