Propriedade abreviada para borda em CSS
Assim como para fontes, para bordas também
existe uma propriedade abreviada border,
que podemos usar em vez de
escrever 3 propriedades diferentes para
largura, cor e estilo da borda. Nesta propriedade,
podemos simplesmente listar os valores para a
borda em qualquer ordem.
Vamos ver um exemplo. Suponha que temos uma borda como esta:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Vamos reescrevê-la usando a propriedade abreviada:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Repita a página de acordo com o modelo:
Repita a página de acordo com o modelo:
Repita a página de acordo com o modelo:
Repita a página de acordo com o modelo: