HTML Div border not showing

Question

I'm trying to add a border to a div element in HTML. Below is my code.

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

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

For some reason, the border doesn't show up. I had a look on a similar question (here) but I couldn't figure out why the border doesn't show up. Any suggestions please?

Note: This snippet is a part of an HTML page. Additional code could be provided upon request

Answer 1

The default value of border-style is none. You need to set a different value for a border to appear.

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

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