Estilos de borde
Mediante la propiedad border-style, controlamos el estilo de borde deseado que sera aplicado a un elemento CSS proporciona los siguientes estilos de borde:
solid (línea continua)
dotted (borde punteado)
dashed (lineas entrecortadas)
none (ninguno)
double (borde doble)
groove (tallado)
ridge (efecto 3d )
inset (bajorrelieve)
outset (altorrelieve)
Propiedad border-color
La propiedad border-color, puede tener de uno a cuatro valores, interpretándose de la siguiente manera:
- un valor: Define el estilo de los cuatro bordes.
- dos valores: el primer valor asigna el estilo de los bordes superior e inferior y el segundo establece el valor de los bordes derecho e izquierdo.
- tres valores: el primer valor indica el estilo del borde superior, el segundo de los bordes derecho e izquierdo, y el tercero
del inferior.
- cuatro valores:Asigna el valor del
estilo de línea empezando del borde superior, derecho, inferior e izquierdo respectivamente.
border-style (un valor):
El valor solid determina el estilo para los cuatro bordes.
div {border-width:1px;border-color:#000000;border-style:solid;}
border-style (dos valores):
El valor solid define el estilo para los bordes superior e inferior, y el valor
dotted determina el estilo del borde derecho e izquierdo.
div {border-width:1px;border-color:#000000;
border-style:solid dotted;}
border-style (tres valores):
El valor de solid define el estilo para los bordes superior e inferior, el valor
dotted indica el estilo del borde derecho e izquierdo y dashed el borde inferior.
div {border-width:1px;
border-color:#000000;
border-style:solid dotted dashed;}
border-style (cuatro valores):
El valor solid define el estilo para el borde superior, el segundo valor dotted indica el estilo del borde derecho, el valor dashed corresponde al borde inferior, y el valor solid determina el estilo del borde izquierdo.
div {border-width:1px;border-color:#000000;
border-style:solid dotted dashed solid;}
