Why is “border-color” overridden by “color”?

Question

I have the following css:

.isActiveFilter {
  color: black;
  background-color: rgba(0, 184, 170, .5);
  padding: 15px 10px 10px 10px;
  border-color: red;
  bor         


        

Answer 1

#works {
  border: 3px solid;
  border-color: red;
  }

#broken {
  border-color: red;
  border: 3px solid;
  }

Some Text

doesn't work

Place the color after the border

border: 3px solid;
border-color: red;

While the other answers are better, this worked on my end.