Thursday, March 17, 2011

CSS3 Rounded corners in IE9

The border-radius properties enable you to curve border corners by essentially “replacing” the hard corners with a quarter-ellipse and specifying the radii of each ellipse. The properties consist of the following:
For example, take a look at the following markup:
border-radius: 100px 66.66px 200px 50px;
border: 10px blue double;
padding: 24px;
width: 400px;height: 125px;

Reference:
http://msdn.microsoft.com/en-us/ie/ff468705#_CSS3_BG_Borders

No comments:

Post a Comment