Advanced Search

border-radius with IE support using htc behavior

/ Published in: CSS
Save to your folder(s)
note that for the corners to work in IE, you need to install the htc code from http://code.google.com/p/curved-corner/

.curved {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari and chrome */
-khtml-border-radius:10px; /* Linux browsers */
border-radius:10px; /* CSS3 */
behavior:url(border-radius.htc); /* make IE use properties of border-radius */
}

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .selector-to-be-rounded { 
  2.   -moz-border-radius:10px;
  3.   -webkit-border-radius:10px;
  4.   -khtml-border-radius:10px;
  5.   border-radius:10px;
  6.   behavior:url(border-radius.htc);
  7. }

URL: http://code.google.com/p/curved-corner/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.