Propriedade borderLeft do estilo

Definição e uso

borderLeft Propriedades definidas em forma abreviada ou retornadas para definir ou retornar até três propriedades de borda esquerda separadas.

Através dessa propriedade, você pode definir/retornar uma ou mais das seguintes opções (em qualquer ordem):

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade border-left

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda esquerda ao elemento <div>:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Experimente você mesmo

Exemplo 2

Mude a largura, estilo e cor da borda esquerda do elemento <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Experimente você mesmo

Exemplo 3

Retorne o valor da propriedade border-left do elemento <div>:

alert(document.getElementById("myDiv").style.borderLeft);

Experimente você mesmo

Sintaxe

Retorne a propriedade borderLeft:

object.style.borderLeft

Defina a propriedade borderLeft:

object.style.borderLeft = "width style color|initial|inherit"

Valor da propriedade

Valor Descrição
width Defina a largura da borda esquerda.
style Defina o estilo da borda esquerda.
color Defina a cor da borda esquerda.
initial. Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Não especificado
Retorno: String que representa a largura, estilo e/ou cor da borda esquerda do elemento.
Versão do CSS： CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte