Bordures pour les côtés individuels en CSS

Il existe également des propriétés raccourcies pour les côtés individuels : border-left (bordure gauche), border-right (bordure droite), border-top (bordure supérieure), border-bottom (bordure inférieure).

Créons uniquement une bordure gauche pour un bloc en utilisant la propriété border-left :

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
}

Результат:

Maintenant, créons simultanément les bordures gauche et droite :

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
  border-right: 1px solid red;
}

Результат: