Css Border radius for all browsers | Sanwebcorner

Css Border radius for all browsers

The border-radius css3 properties will give the rounded corners for divs and the images. This border-radius properties will support all the morden browsers like Chrome,FireFox,Opera, Safari. Even though the browser supports safely you can use the below code for border radius. This codes works maximum browsers.

.div-corner {  
border:1px solid green;
-moz-border-radius: 20px; /* Firefox */  
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px;
border-radius: 20px; /* CSS3 */  


The border-radius property haves the shorthand property for setting the four border, first value applies to top-left, second value applies to top-right, third value applies to bottom-right, and fourth value applies to bottom-left corner.

for example:

border-radius: 25px 40px 40px 23px: