Atributo borderBottomStyle del estilo

Definición y uso

borderBottomStyle Configurar o obtener el estilo del borde inferior del elemento.

Vea también:

Tutoriales de CSS:Borde CSS

Manual de Referencia de CSS:Atributo border-bottom-style

Manual de Referencia de HTML DOM:Atributo border

Ejemplo

Ejemplo 1

Agregar un borde inferior sólido al elemento <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Prueba personal

Ejemplo 2

Cambiar el estilo del borde inferior del elemento <div> a "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Prueba personal

Ejemplo 3

Retorna el estilo del borde inferior del elemento <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Prueba personal

Ejemplo 4

Demostración para todos los diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Prueba personal

Sintaxis

Retornar el atributo borderBottomStyle:

object.style.borderBottomStyle

Establecer el atributo borderBottomStyle:

object.style.borderBottomStyle = value

Valor del atributo

Valor Descripción
none Define el borde sin borde. Por defecto.
hidden Igual que "none", pero no aplica en la resolución de conflictos de bordes de elementos de tabla.
dotted Define el borde en puntos.
dashed Define el borde en línea.
solid Define el borde sólido.
double Define dos bordes. El ancho de ambos bordes es igual al valor de border-width.
groove Define el borde 3D groove. El efecto depende de border-color los valores.
ridge Define el borde 3D ridge. El efecto depende de border-color los valores.
inset Define el borde 3D inset. El efecto depende de border-color los valores.
outset Define el borde 3D outset. El efecto depende de border-color los valores.
initial Establezca este atributo en su valor por defecto. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor por defecto: none
Valor de retorno: Cadena que representa el estilo del borde inferior del elemento.
Versión de CSS: CSS1

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Notas:IE7 y versiones anteriores no admiten el valor "hidden". IE9 y versiones posteriores admiten "hidden".