CSS- Border Radius Property

Kevin AKA Hubcap · 01-11-2009, 05:34 PM

I recently saw that the next version of CSS will include the border radius property for making rounded corners.

Does anyone know which browsers will support it and what work arounds will be available?

Darren Mothersele · 01-11-2009, 06:14 PM

I'm using it on some sites already, to make minor UI bits and pieces look nicer. You can get good results across all browsers (except IE) if you use this CSS code:

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Wordpress uses this too - if you look in the admin section of a wordpress blog you will see some buttons (eg tags) have nice rounded corners in FireFox or Webkit based browsers (like Safari). You will see a square box in IE.

01-11-2009, 05:34 PM	#1
Kevin AKA Hubcap Flyin' Low & Slow War Room Member Join Date: Nov 2008 Posts: 1,189 Thanks: 56 Thanked 177 Times in 132 Posts	CSS- Border Radius Property I recently saw that the next version of CSS will include the border radius property for making rounded corners. Does anyone know which browsers will support it and what work arounds will be available?

01-11-2009, 06:14 PM	#2
Darren Mothersele PHP & Drupal Ninja Join Date: May 2007 Location: London, United Kingdom. Posts: 108 Thanks: 11 Thanked 18 Times in 14 Posts Social Networking Contact Info	Re: CSS- Border Radius Property I'm using it on some sites already, to make minor UI bits and pieces look nicer. You can get good results across all browsers (except IE) if you use this CSS code: border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; Wordpress uses this too - if you look in the admin section of a wordpress blog you will see some buttons (eg tags) have nice rounded corners in FireFox or Webkit based browsers (like Safari). You will see a square box in IE.
	Drupal Developer