Revision: 54952
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at January 19, 2012 04:33 by systemergon
Initial Code
-moz-border-radius: 10px; /* Firefox*/
-ms-border-radius: 10px; /* IE 8.*/
-webkit-border-radius: 10px; /* Safari,Chrome.*/
border-radius: 10px; /* El estándar.*/
//para los navegadores que no soportan como IE6
//CurvyCorners es un javascript que ejecuta rutinas dentro de la pagina buscando //la propiedad de bordes redondeados ya sea para Firefox o Safari, y dándole la //misma apariencia que en esos navegadores.
//incluir en head
<script src="curvycorners.js" type="text/javascript"></script>
//Crear la clase
.rCorners{
width: 220px;
padding: 10px;
background-color: #ECEFF5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
}
//Probar en un div
<div class="rCorners">
Bordes redondeados con CSS.
</div>
Initial URL
Initial Description
Border radius compatible con los navegadores Firefox, IE8, Safari, Chrome
Initial Title
Border redondeado css3
Initial Tags
Initial Language
CSS