CSS3 and A Few Things I Should’ve Know Before Today

8:49 pm on March 7th, 2010 | 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.

Be Sociable, Share!

Leave a Reply