Atributo border-top-width CSS

Definição e uso

A propriedade border-top-width define a largura da borda superior do elemento.

Só funciona quando o estilo da borda não for none. Se o estilo da borda for none, a largura da borda será realmente resetada para 0. Não é permitido especificar valores de comprimento negativos.

Notas:Sempre declare a propriedade border-style antes da propriedade border-top-width. O elemento só pode mudar a largura da borda após obter a borda. Se o estilo da borda for none, a largura da borda será resetada para 0. Não é permitido especificar valores de comprimento negativos.

Veja também:

Tutorial de CSS:Borda CSS

Manual de referência do CSS:Propriedade border-top

Manual de referência do HTML DOM:Propriedade borderTopWidth

Exemplo

Definir a largura da borda superior:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Experimente você mesmo

Sintaxe CSS

border-top-width: média|fina|grossa|length|initial|inherit;

Valor da propriedade

Valor Descrição
fina Define uma borda superior fina.
média Valor padrão. Define uma borda superior média.
grossa Define uma borda superior grossa.
length Permite que você personalize a largura da borda superior.
inherit Define que a largura da borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: média
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.borderTopWidth="grossa"

Mais exemplos

Definir a largura da borda superior
Este exemplo demonstra como definir a largura da borda superior.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".