Style border Property

Adicionar uma borda a uma <div> elemento:

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

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

Os conjuntos de fronteira de propriedades ou devoluções até três propriedades de fronteira separadas, de uma forma abreviada.

Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (em qualquer ordem):

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
border	1.0	4.0	1.0	1.0	3,5

Retornar a propriedade border:

object .style.border

Defina a propriedade border:

object .style.border=" Valores de propriedade

Parâmetro	Descrição
width	Define a largura das bordas
style	Define o estilo das fronteiras
color	Define a cor das fronteiras
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Valor padrão:	não especificado
Valor de retorno:	Uma corda, que representa a largura da borda, estilo e / ou a cor de um elemento
CSS Versão	CSS1

Alterar a largura, estilo e cor da borda de um <div> elemento:

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

Devolver os valores de propriedade fronteira de um <div> elemento:

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

Tutorial CSS: CSS Border

Referência CSS: border property