Los últimos tutoriales de desarrollo web
 

Style borderWidth Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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