La bordure des Div HTML ne s'affiche pas

Question

J'essaie d'ajouter une bordure à un élément div en HTML. Voici mon code.

#container-border {
  border-width: 2px;
  border-color: red;
}

<div id="container-border">
  ...
</div>

Pour une raison quelconque, la frontière ne s'affiche pas. J'ai jeté un coup d'œil sur une question similaire ( ici ) mais je n'arrivais pas à comprendre pourquoi la bordure n'apparaissait pas. Avez-vous des suggestions ?

Note : Cet extrait est une partie d'une page HTML. Du code supplémentaire peut être fourni sur demande.

Answer 1

La valeur par défaut de border-style es none . Vous devez définir une valeur différente pour qu'une bordure apparaisse.

#container-border {
  border-width: 2px;
  border-color: red;
  border-style: dashed;
}

<div id="container-border">
  ...
</div>

Answer 2

Vous pouvez utiliser le shortcode pour la bordure, qui contient la couleur, la largeur ET le style (ce qui vous manque actuellement) :

#container-border {
  border: 2px solid red;
}

Answer 3

Vous devez établir la règle " style de bordure "pour voir la frontière

#container-border {
  border-width: 2px;
  border-color: red;
  border-style:solid;
}

<div id="container-border">
  ...
</div>