CSS border-bottom-stylePropiedad
Ejemplo
Establecer el estilo del borde inferior:
p
{
border-style:solid;
border-bottom-style:dotted;
}
Pruébalo »
Definición de la propiedad y uso
La propiedad border-bottom-style establece el estilo del borde inferior de un elemento.
| Valor predeterminado: | not specified |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object object.style.borderBottomStyle="dotted" |
Compatibilidad del navegador
Los números en la tabla indican el primer número de versión del navegador compatible con esta propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| none | Especifica que no hay borde |
| hidden | Igual que "none". Sin embargo, excepto cuando se aplica a tablas; para tablas, hidden se utiliza para resolver conflictos de bordes. |
| dotted | Especifica un borde punteado |
| dashed | Especifica un borde discontinuo |
| solid | Especifica un borde sólido |
| double | Especifica un borde doble |
| groove | Define una línea doble. El ancho de la doble línea es igual al valor de border-width. |
| ridge | Define un borde tridimensional en forma de rombo. Su efecto depende del valor de border-color. |
| inset | Define un borde tridimensional cóncavo. Su efecto depende del valor de border-color. |
| outset | Define un borde tridimensional convexo. Su efecto depende del valor de border-color. |
| inherit | Especifica que el estilo del borde debe heredarse del elemento padre. |
Artículos relacionados
Tutorial de CSS:CSS Border
Manual de referencia de CSS:Propiedad border-bottom
Otras extensiones