border-bottom-style

<< Volver

Resumen

border-bottom-style define el estilo de línea del borde inferior de una caja.

Sintaxis

border-bottom-style: <border-style> | inherit

Valores

none
sin borde.
hidden
es igual a 'none', excepto en términos de resolución de conflicto para elementos de tabla.
dotted
series de puntos (....).
dashed
series de guiones cortos o pequeñas líneas (----).
solid
línea única, recta y sólida.
double
dos líneas rectas que se suman a la cantidad de píxeles definidos como ancho de bordeborder-width.
groove
efecto de hundido.
ridge
al revés de 'groove'. El borde aparece en 3D (saliendo).
inset
hace que la caja aparezca hundida.
outset
opuesto a 'inset'. La caja aparece en 3D (saliendo).

Propiedades relacionadas

Ejemplos

Ver El Ejemplo Vivo

element {
        border-bottom-size: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}

Notas

A menos que un valor border-style sea definido, el borde no aparecerá porque el valor por defecto es 'none'.

Especificaciones

Compatibilidades

Ver también