tutoriais mais recente desenvolvimento web
 

Style borderTop Property

<Estilo de objeto

Exemplo

Adicionar uma borda superior a um <div> elemento:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Tente você mesmo "

Definição e Uso

Os borderTop conjuntos de propriedades ou retorna até três propriedades fronteira-top separadas, de uma forma abreviada.

Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (in any order) :

  • border-top-width
  • border-top-style
  • border-top-color

Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade borderTop é suportado em todos os principais navegadores.


Sintaxe

Devolver o imóvel borderTop:

object .style.borderTop

Defina a propriedade borderTop:

object .style.borderTop=" Valores de propriedade
Parâmetro Descrição
width Define a largura da borda superior
style Define o estilo da borda superior
color Define a cor da borda superior
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 superior de um elemento
CSS Versão CSS1

mais Exemplos

Exemplo

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

document.getElementById("myDiv").style.borderTop = "thin dotted red";
Tente você mesmo "

Exemplo

Devolver os valores de propriedade border-top de um <div> elemento:

alert(document.getElementById("myDiv").style.borderTop);
Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Border

Referência CSS: border-top property

HTML DOM referência: border property


<Estilo de objeto