Propriedade border-top-width do 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 do CSS:Borda CSS

Manual do CSS:Propriedade border-top

Manual do HTML DOM:Propriedade borderTopWidth

Exemplo

Definir a largura da borda superior:

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

Experimente você mesmo

Sintaxe do CSS

border-top-width: medium|thin|thick|length|initial|inherit;

Valor da propriedade

Valor Descrição
thin Define uma borda superior fina.
medium Valor padrão. Define uma borda superior média.
thick 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: medium
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderTopWidth="thick"

Mais exemplos

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

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente 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".