Propriedade border-top-width

A propriedade border-top-width define a espessura da borda superior. Os valores da propriedade são quaisquer unidades de tamanho, exceto porcentagens, ou as palavras-chave thin (borda de 2 pixels), medium (borda de 4 pixels) ou thick (borda de 6 pixels). O valor padrão é: medium.

Sintaxe

cssseletor {
  border-top-width: valor;
}

Exemplo

Vamos definir uma borda superior com espessura de um pixel:

html<div id="elem"></div>
css#elem {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: black;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

Veja também

  • a propriedade border-top-style,
    que define o tipo da borda superior
  • a propriedade border-top-color,
    que define a cor da borda superior
  • a propriedade border-top,
    que define a borda para o lado superior
  • a propriedade border-width,
    que define a espessura de todos os lados da borda