Estilo

Por último, CSS permite establecer el estilo de cada uno de los bordes mediante las siguientes propiedades:

border-top-style: Estilo del borde superior
border-right-style: Estilo del borde derecho
border-bottom-style: Estilo del borde inferior
border-left-style: Estilo del borde izquierdo

Valores: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Se aplica a:  Todos los elementos
Valor inicial:  none
Descripción: Establece el estilo de cada uno de los cuatro bordes de los elementos

El estilo de los bordes sólo se puede indicar mediante alguna de las palabras reservadas definidas por CSS. Como el valor por defecto de esta propiedad es none, los elementos no muestran ningún borde visible a menos que se establezca explícitamente un estilo de borde.

Los bordes más utilizados en los diseños habituales son solid y dashed, seguidos de double y dotted. Los estilos none y hidden son idénticos visualmente, pero se diferencian en la forma que los navegadores resuelven los conflictos entre los bordes de las celdas adyacentes en las tablas.

Si se quiere establecer el mismo estilo para todos los bordes, CSS define una propiedad de tipo "shorthand":

border-style: Estilo del borde
Valores: (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ) {1, 4} | inherit
Se aplica a: Todos los elementos
Valor inicial: -
Descripción: Establece el estilo de todos los bordes del elemento.

Como es habitual, la propiedad permite indicar de uno a cuatro valores diferentes y las reglas de aplicación son las habituales de las propiedades "shorthand".