Exemplo
Adicionar uma borda inferior a um <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
Os conjuntos de propriedades borderBottom ou retorna até três propriedades da borda de fundo separadas, de uma forma abreviada.
Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (in any order) :
- -fronteira inferior largura
- border-bottom-style
- border-bottom-color
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaxe
Devolver o imóvel borderBottom:
object .style.borderBottom
Defina a propriedade borderBottom:
object .style.borderBottom=" Valores de propriedade Parâmetro Descrição width Define a largura da borda inferior style Define o estilo da borda inferior color Define a cor da borda inferior 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
Detalhes técnicos
Valor padrão: não especificado Valor de retorno: Uma corda, que representa a largura, estilo e / ou cor da borda inferior de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Alterar a largura, estilo e cor da borda inferior de um <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Tente você mesmo "
Exemplo
Devolver os valores de propriedade border-bottom de um <div> elemento:
alert(document.getElementById("myDiv").style.borderBottom); Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-bottom property
HTML DOM referência: border property
<Estilo de objeto