CSS3 border radius shorthand solution

问题

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;

回答1:

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

回答2:

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

回答3:

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.

来源：https://stackoverflow.com/questions/12249648/css3-border-radius-shorthand-solution