Propriedade de estilo border

Definição e uso

border Propriedades definidas na forma abreviada ou retornadas que definem no máximo três propriedades de borda individuais.

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

Veja também:

Tutorial de CSS:Borda do CSS

Manual de referência do CSS:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda ao elemento <div>:

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

Experimente você mesmo

Exemplo 2

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

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

Experimente você mesmo

Exemplo 3

Retorna o valor da propriedade border do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorna a propriedade border:

object.style.border

Defina a propriedade border:

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

Valor da propriedade

Valor Descrição
width Defina a largura da borda.
style Defina o estilo da borda.
color Defina a cor da borda.
initial Defina essa propriedade para 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 do elemento.
Versão do CSS: CSS1

Suporte do navegador

border É uma característica do CSS1 (1996).

Todos os navegadores suportam completamente:

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