Atributo border-left-width CSS

Definición y uso

La propiedad border-left-width establece el ancho del borde izquierdo del elemento.

Sólo tiene efecto cuando el estilo del borde no es none. Si el estilo del borde es none, el ancho del borde se restablecerá a 0. No se permite especificar valores de longitud negativos.

Notas:Siempre declare la propiedad border-style antes de border-left-width. El elemento solo puede cambiar su ancho de borde después de obtener el borde.

Vea también:

Tutoriales:Borde de CSS

Referencia:Atributo border-left CSS

Referencia:Atributo borderLeftWidth del DOM HTML

Ejemplo

Establecer el ancho del borde izquierdo:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Intente usted mismo

Sintaxis de CSS

border-left-width: medio|fino|grueso|length|initial|inherit;

Valor de la propiedad

Valor Descripción
fino Define un borde izquierdo fino.
medio Valor predeterminado. Define un borde izquierdo medio.
grueso Define un borde izquierdo grueso.
length Le permite personalizar el ancho del borde izquierdo.
inherit Especifica que el ancho del borde debe heredarse del elemento padre.

Detalles técnicos

Valor predeterminado: medio
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderLeftWidth="grueso"

Más ejemplos

Establecer el ancho del borde izquierdo
Este ejemplo muestra cómo establecer el ancho del borde izquierdo.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".