Bordes y Redondeados CSS3

Propiedad para redondear las esquinas de las cajas

• border-radius

• borderradius

• borde-radius

Define la esquina superior izquierda

• borde-top-left-radius

• border-top-left-radius

• border-top-left-radiu

Define la esquina superior derecha

• border-top-rigth-radius

• borde-top-right-radius

• border-top-right-radius

Define la esquina inferior derecha

• border-bottom-right-radius

• border-botom-right-radius

• borde-bottom-right-radius

Define la esquina inferior izquierda

• borde-bottom-left-radius

• border-bottom-left-radius

• border-botton-left-radius

Para Chrome de Google y Safari de Apple

• -webkit-borde-radius

• webkit-border-radius

• -webkit-border-radius

Para esquinas redondeadas en versiones anteriores de Mozilla Firefox

• -moz-border-radius

• moz-border-radius

• -mozilla-border-radius

Estilo de línea que se define con guiones

• border-style: dotted;

• border-style: dashed;

• border-style: groove;

Define que el estilo de la caja sea punteado

• border-style: dotted;

• border-style: dashed;

• border-style: ridge;

Estilo de línea en donde nos permite que salga ranurado

• border-style: outset;

• border-style: inset;

• border-style: groove;