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 Angle of Attack Join Date: Nov 2008 Posts: 539 Thanks: 33 Thanked 48 Times in 37 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: 105 Thanks: 11 Thanked 15 Times in 12 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