CSS3 border radius shorthand solution

Asked 3/9, 2012 at 14:19 Answered 3/9, 2012 at 14:29

Is this

border-radius:10px 10px 0 0;

A shortend version that will work with all browsers that recognise it to this:

border-top-left-radius:10px; border-top-right-radius:10px;

Chough answered 3/9, 2012 at 14:19 Comment(1)

Why don't you try it? Which takes about the same amount of time to write this question ;) – Caplan 3/9, 2012 at 14:22

Yes, it's better the first approach because it's shorter and waste less bandwith.

Platinotype answered 3/9, 2012 at 14:23 Comment(0)

Yes they are identical just like there is padding-left there is border-top-left-radius.

Halvah answered 3/9, 2012 at 14:22 Comment(0)

If you really want the confidence of knowing that it will work on all the browsers that can support it, you should be using Compass.

Tamqrah answered 3/9, 2012 at 14:29 Comment(0)