Estilo borderBottomStyle Propiedad
Ejemplo
Agregue un borde inferior "sólido" a un elemento <div>:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
Definición y uso
La propiedad borderBottomStyle establece o devuelve el estilo del borde inferior de un elemento.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Nota: el valor "oculto" no es compatible con IE7 y versiones anteriores. IE9 y posteriores admiten "oculto".
Sintaxis
Devuelve la propiedad borderBottomStyle:
object.style.borderBottomStyle
Establezca la propiedad borderBottomStyle:
object.style.borderBottomStyle = value
Valores de propiedad
Value | Description |
---|---|
none | Defines no border. This is default |
hidden | Same as "none", except in border conflict resolution for table elements |
dotted | Defines a dotted border |
dashed | Defines a dashed border |
solid | Defines a solid border |
double | Defines two borders. The width of the two borders are the same as the border-width value |
groove | Defines a 3D grooved border. The effect depends on the border-color value |
ridge | Defines a 3D ridged border. The effect depends on the border-color value |
inset | Defines a 3D inset border. The effect depends on the border-color value |
outset | Defines a 3D outset border. The effect depends on the border-color value |
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: | ninguna |
---|---|
Valor de retorno: | Una cadena, que representa el estilo del borde inferior de un elemento. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambie el estilo del borde inferior de un elemento <div> a "punteado":
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Ejemplo
Devuelve el estilo del borde inferior de un elemento <div>:
alert(document.getElementById("myDiv").style.borderBottomStyle);
Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
páginas relacionadas
Tutorial de CSS: Borde CSS
Referencia de CSS: propiedad de estilo de borde inferior
Referencia HTML DOM: propiedad de borde