Estilo borderBottom Propiedad
Ejemplo
Agregue un borde inferior a un elemento <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad borderBottom establece o devuelve hasta tres propiedades independientes del borde inferior, en forma abreviada.
Con esta propiedad, puede establecer/devolver uno o más de los siguientes (en cualquier orden):
- borde-inferior-ancho
- borde-inferior-estilo
- borde-fondo-color
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devuelve la propiedad borderBottom:
object.style.borderBottom
Establezca la propiedad borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Valores de propiedad
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | No especificado |
---|---|
Valor devuelto: | Una cadena, que representa el ancho, el estilo y/o el color del borde inferior de un elemento |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambia el ancho, el estilo y el color del borde inferior de un elemento <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Ejemplo
Devuelve los valores de propiedad del borde inferior de un elemento <div>:
alert(document.getElementById("myDiv").style.borderBottom);
páginas relacionadas
Tutorial de CSS: Borde CSS
Referencia de CSS: propiedad de borde inferior
Referencia HTML DOM: propiedad de borde