Atributo Style borderBottom

Definición y uso

borderBottom Establecer o devolver en forma abreviada hasta tres atributos separados border-bottom.

Con este atributo, puede establecer / devolver una o más de las siguientes opciones (en cualquier orden):

Vea también:

Tutoriales de CSS:Borde de CSS

Manual de CSS:Atributo border-bottom

Manual de HTML DOM:Atributo border

Ejemplo

Ejemplo 1

Agregar borde inferior al elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Pruebe usted mismo

Ejemplo 2

Cambiar el ancho, estilo y color del borde inferior del elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Pruebe usted mismo

Ejemplo 3

Devolver el valor del atributo border-bottom del elemento <div>:

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

Pruebe usted mismo

Sintaxis

Devolver atributo borderBottom:

object.style.borderBottom

Establecer atributo borderBottom:

object.style.borderBottom = "width style color|initial|inherit"

Valor del atributo

Valor Descripción
width Establecer el ancho del borde inferior.
style Establecer el estilo del borde inferior.
color Establecer el color del borde inferior.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: no especificado
Valor de retorno: Cadena que representa el ancho, estilo y / o color 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 esta propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5