Propriedade de borda de estilo
Exemplo
Adicione uma borda a um elemento <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade de borda define ou retorna até três propriedades de borda separadas, em uma forma abreviada.
Com esta propriedade, você pode definir/retornar um ou mais dos seguintes (em qualquer ordem):
- largura da borda
- estilo de borda
- Cor da borda
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe
Retorne a propriedade border:
object.style.border
Defina a propriedade da borda:
object.style.border = "width style color|initial|inherit"
Valores de propriedade
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | não especificado |
---|---|
Valor de retorno: | Uma String, representando a largura da borda, estilo e/ou cor de um elemento |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Altere a largura, estilo e cor da borda de um elemento <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Exemplo
Retorne os valores da propriedade de borda de um elemento <div>:
alert(document.getElementById("myDiv").style.border);
Páginas relacionadas
Tutorial CSS: borda CSS
Referência CSS: propriedade border