border-bottom-style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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

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 borde border-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).

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

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

Categorías

Interwiki Languages