Propriedade de borda abreviada de CSS
Borda CSS - Propriedade abreviada
Como você viu na página anterior, há muitas propriedades a serem consideradas ao lidar com bordas.
Para encurtar o código, também é possível especificar todas as propriedades de borda individuais em uma propriedade.
A border
propriedade é uma propriedade abreviada para as seguintes propriedades de borda individuais:
border-width
border-style
(requeridos)border-color
Exemplo
p {
border: 5px solid red;
}
Resultado:
Some text
Você também pode especificar todas as propriedades de borda individuais para apenas um lado:
Borda Esquerda
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Resultado:
Some text
Borda inferior
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Resultado:
Some text