// March 7th, 2010 // No Comments » // Tech
With CSS3, which is currently under development, you don’t have to break an arm and a leg to get rounded corners. Yes I’m a big fan of rounded corners. Just include this in your css.
border-radius: 5px;
Google Chrome recognizes this out of the box. But on Firefox, which is my default browser, it doesn’t show up. A little more research gave me this.
Layout Engines used by different browsers:-
Gecko: Firefox
Webkit: Apple Safari & Google Chrome
KHTML: KDE Konqueror
Presto: Opera
So for rounded corners in Firefox just include this line in addition to the border-radius rule.
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
That should take care of Firefox and the second line for webkit should take care of Safari. Frankly speaking, these are all the browsers that I really give a shit about.