Ejemplo
Cambiar el ancho de los cuatro bordes de un <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades BorderWidth o devuelve el ancho del borde de un elemento.
Esta propiedad puede tomar de uno a cuatro valores:
- Un valor, como: p {border-width: gruesa} - todos los cuatro bordes serán gruesa
- Dos valores, como: p {border-width: de espesor delgado} - el borde superior e inferior será de espesor, borde izquierdo y derecho será delgada
- Tres valores, como: p {border-Ancho: Medio delgada de espesor} - el borde superior será de espesor, borde izquierdo y derecho será delgada, borde inferior será medio
- Cuatro valores, como: p {border-width: espesor medio delgada 10px} - el borde superior será de espesor, borde derecho serán delgadas, borde inferior será medio, borde izquierdo será 10px
Soporte del navegador
La propiedad borderWidth es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad borderWidth:
object .style.borderWidth
Establecer la propiedad borderWidth:
object .style.borderWidth="thin|medium|thick| Valores de propiedad Valor Descripción thin Define un borde fino medium Define un borde medio. Esto es por defecto thick Define un borde grueso length El ancho del borde en unidades de longitud 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: medio Valor de retorno: Una cadena, que representa la anchura de borde de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el ancho del borde superior e inferior para de espesor, y el borde izquierdo y derecho de delgada de un <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Inténtalo tú mismo "
Ejemplo
Cambiar el ancho de los cuatro bordes de un <div> elemento, utilizando el valor de longitud:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Inténtalo tú mismo "
Ejemplo
Devolver el ancho del borde de un <div> elemento:
alert(document.getElementById("myDiv").style.borderWidth);
Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-width property
Referencia HTML DOM: border property
<Estilo de objeto