Atributo border-left do CSS

Definição e uso

A propriedade abreviada border-left coloca todas as propriedades da borda esquerda em uma declaração.

As propriedades podem ser definidas em ordem como follows:

Se nenhuma dessas propriedades for definida, não haverá problema, por exemplo, border-left:solid #ff0000; também é permitido.

Veja também:

Tutorial CSS:Borda CSS

Manual de referência HTML DOM:Propriedade borderLeft

Exemplo

Definir o estilo da borda esquerda:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Experimente você mesmo

Sintaxe CSS

border-left: border-width border-style border-color|initial|inherit;

Valor da propriedade

Valores Descrição
border-left-width Especifica a largura da borda esquerda. Veja:border-left-width valores possíveis.
border-left-style Especifica o estilo da borda esquerda. Veja:border-left-style valores possíveis.
border-left-color Especifica a cor da borda esquerda. Veja:border-left-color valores possíveis.
inherit Especifica que a propriedade border-left deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.borderLeft="3px solid blue"

Mais exemplos

Todas as propriedades de borda esquerda em uma declaração
Todas as propriedades de borda esquerda em uma declaração

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 3.5 1.0

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