Return to Snippet

Revision: 24802
at March 11, 2010 13:07 by MikeyLikesIt


Updated Code
.selector-to-be-rounded { 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  behavior:url(border-radius.htc);
}

Revision: 24801
at March 11, 2010 11:37 by MikeyLikesIt


Initial Code
.curved { 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  behavior:url(border-radius.htc);
}

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

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

Initial Title
border-radius with IE support using htc behavior

Initial Tags
css

Initial Language
CSS