Los últimos tutoriales de desarrollo web
 

Style borderBottom Property

<Estilo de objeto

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