CSS Border RADIUS, which is the right style to use? border radius? -webkit-border radius? -moz is the border of the radius?

Question

I would like to use CSS to create a nice round border. I know about the following CSS style:

 border-radius
-webkit-border-radius
-moz-border-radius

Which style is best to use?

Answer 1

/* Gecko browsers */
-moz-border-radius: 5px; 
/* Webkit browsers */
-webkit-border-radius: 5px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius: 5px;

Internet Explorer 6 and 7 and 8 (as far as I know) and Opera do not support rounded corners. Instead, these users will see the right angle.

Firefox Mozilla. - Apple WebKit , - Safari Chrome, iPhone , WebKit.

http://shapeshed.com/journal/css3_tour_border-radius/

IE http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html

http://www.css3.info/a-border-radius-solution/

. http://www.the-art-of-web.com/css/border-radius/

Answer 2

.

, Mozilla, WebKit , .

Answer 3

(). -moz Mozilla -webkit, Webkit. , , , CSS3 .

Answer 4

-webkit-border-radius -, Safari Chrome. -moz-border-radius - Mozilla, Firefox. border-radius - , , , Opera .

Use all 3 to ensure maximum compatibility.

Answer 5

just use "border-radius" since most websites have standardized their css support using "border-radius" will also work in any other browser, for example: IE9 or IE 10 without any user prefix.

Further reading on border-radius properties http://www.learntby.me/css/css_borderadius.php