Posted By

MikeyLikesIt on 03/11/10


Tagged

css corners ROUNDED border-radius


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

m-pokrovskii
MikeyLikesIt
shabbar
IamFreddyG
gisu


border-radius with IE support using htc behavior


 / Published in: CSS
 

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

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 */ }

  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. }

Report this snippet  

You need to login to post a comment.