Atributo Abreviado de Borda do CSS

CSS Border - Propriedades Abreviadas

Como você viu no capítulo anterior, ao lidar com bordas, é necessário considerar muitos atributos.

Para reduzir o código, você também pode especificar todos os atributos de borda individuais em um único atributo.

border O atributo é uma abreviação dos seguintes atributos de borda individuais:

  • border-width
  • border-style(Obrigatório)
  • border-color

Exemplo

p {
  border: 5px solid red;
}

Resultados:

Alguns textos

Experimente você mesmo

Você também pode especificar todos os atributos de borda individuais para um lado apenas:

Borda esquerda

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Resultados:

Alguns textos

Experimente você mesmo

Borda inferior

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Resultados:

Alguns textos

Experimente você mesmo