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 julio de 2015.
<< Volver
Resumen
border-bottom-style define el estilo de línea del borde inferior de una caja.
Valor inicial:ninguno- Se aplica a: todos los elementos
Valor heredado: no- Porcentajes: N/A
- Medio:
visual Valor calculado: como se especificó
Sintaxis
border-bottom-style: <border-style> | inherit
Valores
- none
-
sin borde.
-
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).
Propiedades relacionadas
Ejemplos
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
border-bottom, border-color, border-bottom-style, border-bottom-width
Categorías
Interwiki Languages