Atributo Style borderBottomWidth
- Página anterior borderBottomStyle
- Página siguiente borderCollapse
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
borderBottomWidth
Establece o devuelve el ancho del borde inferior del elemento.
Vea también:
Tutoriales de CSS:Borde CSS
Manual de CSS:Atributo border-bottom-width
Manual de HTML DOM:Atributo border
Ejemplo
Ejemplo 1
Cambiar el ancho del borde inferior del elemento <div> a 10px:
document.getElementById("myDiv").style.borderBottomWidth = "10px";
Ejemplo 2
Cambiar el ancho del borde inferior del elemento <div> a fino:
document.getElementById("myDiv").style.borderBottomWidth = "thin";
Ejemplo 3
Retorna el ancho del borde inferior del elemento <div>:
alert(document.getElementById("myDiv").style.borderBottomWidth);
Sintaxis
Retornar el atributo borderBottomWidth:
object.style.borderBottomWidth
Establecer el atributo borderBottomWidth:
object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
thin | Define un borde fino. |
medium | Define un borde de tamaño medio. Predeterminado. |
thick | Define un borde grueso. |
length | Ancho del borde en términos de longitud. |
initial | Establezca este atributo en su valor predeterminado. Consulte initial. |
inherit | Hereda este atributo del elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | medium |
---|---|
Valor de retorno: | Cadena que representa el ancho del borde inferior del elemento. |
Versión de CSS: | CSS1 |
Compatibilidad del navegador
La tabla indica la versión del navegador que admite completamente esta propiedad.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Página anterior borderBottomStyle
- Página siguiente borderCollapse
- Volver a la capa superior Objeto Style de HTML DOM