Shaken, Not Stirred RSS

AgentG.tumblr.com

The dangerous, mysterious, stylish rants of a web developer.

by Greg Hemphill
~Agent G

Archive

Mar
17th
Wed
permalink

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.