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
seletor {
border: espessura tipo cor;
}
A ordem dos valores não importa.
Exemplo
Vamos fazer uma borda preta com espessura de
1px para o elemento:
<div id="elem"></div>
#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
