Propriedade borderBottom do estilo
- Página anterior border
- Próxima página borderBottomColor
- Voltar para a camada superior Objeto Style DOM
definição e uso
borderBottom
As propriedades são definidas ou retornadas em forma abreviada, até três propriedades border-bottom individuais.}
Usando essa propriedade, você pode definir/retornar uma ou mais das seguintes (em qualquer ordem):
Veja também:
Tutorial de CSS:Borda do CSS
Manual do CSS:Propriedade border-bottom
Manual do HTML DOM:Propriedade border
Exemplo
Exemplo 1
Adicione uma borda inferior ao elemento <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Exemplo 2
Mude a largura, estilo e cor da borda inferior do elemento <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Exemplo 3
Retorne o valor da propriedade border-bottom do elemento <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Sintaxe
Retorne a propriedade borderBottom:
objeto.style.borderBottom
Defina a propriedade borderBottom:
objeto.style.borderBottom = "largura estilo cor|initial|inherit"
Valor da propriedade
Valor | Descrição |
---|---|
largura | Defina a largura da borda inferior. |
estilo | Defina o estilo da borda inferior. |
cor | Defina a cor da borda inferior. |
initial | Defina essa propriedade para seu valor padrão. Veja também initial. |
inherit | Herda essa propriedade do elemento pai. Veja também inherit. |
Detalhes técnicos
Valor padrão: | não especificado |
---|---|
Retorno: | String que representa a largura, estilo e/ou cor da borda inferior do elemento. |
Versão do CSS: | CSS1 |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade pela primeira vez.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Página anterior border
- Próxima página borderBottomColor
- Voltar para a camada superior Objeto Style DOM