Propriété raccourcie de la bordure CSS

CSS Border - Propriétés abrégées

Comme vous avez vu au chapitre précédent, il faut considérer de nombreuses propriétés lors du traitement des bords.

Pour réduire le code, vous pouvez également spécifier toutes les propriétés de bord individuelles dans une seule propriété.

border Cette propriété est une abréviation des propriétés des bords suivantes :

  • border-width
  • border-style(obligatoire)
  • border-color

Exemple

p {
  border: 5px solid red;
}

Résultat :

Quelques textes

Essayez-le vous-même

Vous pouvez également spécifier toutes les propriétés de bord individuelles pour un seul côté :

Bord gauche

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

Résultat :

Quelques textes

Essayez-le vous-même

Bord inférieur

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

Résultat :

Quelques textes

Essayez-le vous-même