W3C home > Mailing lists > Public > www-style@w3.org > October 2012

Re: [css4-background] border-top-radius etc

From: Hugh Guiney <hugh.guiney@gmail.com>
Date: Thu, 11 Oct 2012 23:54:42 -0400
Message-ID: <CAEHyr+b41tmEqij71vEdhnK2ssbdqLu2a8ympF9q4QT8sD1tJQ@mail.gmail.com>
To: Lea Verou <lea@w3.org>
Cc: www-style list <www-style@w3.org>
Before I fully understood the syntax, I actually tried to do use those same
shorthands, assuming that border-radius behaved the same as border. I'm
surprised they've been unspec'd for this long...

On Thu, Oct 11, 2012 at 9:51 PM, Lea Verou <lea@w3.org> wrote:

> It's incredibly common that authors need to specify both the top-left and
> top-right border radii or both the bottom-right and bottom-left corners etc
> (think of tabs, split buttons and other common UI elements). In these
> cases, they have to do something like:
>
> border-top-left-radius: .5em;
> border-top-right-radius: .5em;
>
> which is not too bad, but is repetitive. Instead, it would be much better
> if we could use the following shorthands:
>
> border-top-radius
> border-right-radius
> border-bottom-radius
> border-left-radius
>
> Which would accept values with the following syntax:
>
>  [ <length> | <percentage> ]{1,2} [ / [ <length> | <percentage> ]{1,2} ]?
>
> i.e. like border-radius, but with less values.
>
> Thoughts?
>
>  Lea Verou
> W3C developer relations
> http://w3.org/people/all#leahttp://lea.verou.me ✿ @leaverou
>
>
>
>
>
>
>
Received on Friday, 12 October 2012 03:55:29 GMT

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