Atributo border-left-width CSS

Definição e uso

A propriedade border-left-width define a largura da borda esquerda do elemento.

Só funciona quando o estilo da borda não for none. Se o estilo da borda for none, a largura da borda realmente será resetada para 0. Não é permitido especificar valores de comprimento negativos.

Observação:Sempre declare a propriedade border-style antes da propriedade border-left-width. O elemento só pode mudar a largura da borda após obter a borda. Se o estilo da borda for none, a largura da borda será resetada para 0. Não é permitido especificar valores de comprimento negativos.

Veja também:

Tutorial:Borda do CSS

Referência:Atributo border-left CSS

Referência:Atributo borderLeftWidth do HTML DOM

Exemplo

Definir a largura da borda esquerda:

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

Experimente você mesmo

Sintaxe do CSS

border-left-width: medium|thin|thick|length|initial|inherit;

Valor da propriedade

Valor Descrição
thin Define uma borda esquerda fina.
medium Valor padrão. Define uma borda esquerda média.
thick Define uma borda esquerda grossa.
length Permite que você personalize a largura da borda esquerda.
inherit Define que a largura da borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: medium
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderLeftWidth="thick"

Mais exemplos

Definir a largura da borda esquerda
Este exemplo demonstra como definir a largura da borda esquerda.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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

Observação:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".