Ejemplo
Añadir un "solid" borde inferior a un <div> elemento:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderBottomStyle o devuelve el estilo del borde inferior de un elemento.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Nota: El valor "hidden" no es compatible con Internet Explorer 7 y versiones anteriores. IE9 y el apoyo posterior "hidden" .
Sintaxis
Devolver la propiedad borderBottomStyle:
object .style.borderBottomStyle
Establecer la propiedad borderBottomStyle:
object .style.borderBottomStyle= value Valores de propiedad
| Valor | Descripción |
|---|---|
| none | Define ninguna frontera. Esto es por defecto |
| hidden | Igual que "none" , excepto en la resolución de conflictos de borde para los elementos de tabla |
| dotted | Define un borde de puntos |
| dashed | Define un borde punteado |
| solid | Define un borde sólido |
| double | Define dos fronteras. La anchura de los dos bordes son los mismos que el valor frontera-ancho |
| groove | Define un borde acanalado 3D. El efecto depende del valor de border-color |
| ridge | Define un borde estriado 3D. El efecto depende del valor de border-color |
| inset | Define una frontera inserción 3D. El efecto depende del valor de border-color |
| outset | Define un borde de inicio 3D. El efecto depende del valor de border-color |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | ninguna |
|---|---|
| Valor de retorno: | Una cadena, que representa el estilo de borde inferior de un elemento |
| Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambiar el estilo del borde inferior de un <div> elemento de "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Inténtalo tú mismo " Ejemplo
Devolver el estilo del borde inferior de un <div> elemento:
alert(document.getElementById("myDiv").style.borderBottomStyle); Inténtalo tú mismo " Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS Frontera
CSS referencia: border-bottom-style property
Referencia HTML DOM: border property
<Estilo de objeto