Mar
17th
Wed
17th
Border-Radius Syntax
As it stands with CSS3 border radius we have to type what feels like a lot of code for such a simple thing. It would be nice if the final spec will allow us to type it all in one line.
So instead of typing this:
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
We should be able to type this:
border-radius: 5px 5px 0 0;
UPDATE:
Apparently irregular corner support complicates the issue a bit, making my proposed syntax a bit hard to pull off as explained at css3.info and at the W3C site.
