tutoriais mais recente desenvolvimento web
 

Style borderBottom Property

<Estilo de objeto

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