Propriedade border

A propriedade border define a cor, o tipo e a espessura da borda para todos os lados simultaneamente. É uma propriedade abreviada para border-width, border-style e border-color. Ao contrário das propriedades abreviadas, não pode definir bordas diferentes para os 4 lados de uma vez, apenas a mesma para todos.

Sintaxe

cssseletor {
  border: espessura tipo cor;
}

A ordem dos valores não importa.

Exemplo

Vamos fazer uma borda preta com espessura de 1px para o elemento:

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

Результат:

Veja também

  • propriedade border-left,
    que define a borda esquerda
  • propriedade border-right,
    que define a borda direita
  • propriedade border-top,
    que define a borda superior
  • propriedade border-bottom,
    que define a borda inferior
  • propriedade outline,
    que define um contorno para o elemento
  • propriedade border-radius,
    que arredonda os cantos da borda