Ejemplo
Añadir un borde inferior a un <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos de propiedades BorderBottom o devuelve hasta tres propiedades de borde de fondo separadas, en una forma abreviada.
Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (in any order) :
- border-bottom-ancho
- -Inferior-estilo de borde
- border-bottom-color de
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devolver la propiedad BorderBottom:
object .style.borderBottom
Establecer la propiedad BorderBottom:
object .style.borderBottom=" Valores de propiedad Parámetro Descripción width Establece el ancho del borde inferior style Establece el estilo del borde inferior color Establece el color del borde inferior 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: no especificado Valor de retorno: Una cadena, que representa la anchura, estilo y / o color del borde inferior de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el ancho, estilo y color del borde inferior de un <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Inténtalo tú mismo "
Ejemplo
Devolver los valores de las propiedades border-bottom de un <div> elemento:
alert(document.getElementById("myDiv").style.borderBottom); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-bottom property
Referencia HTML DOM: border property
<Estilo de objeto