Почему верхний цвет моей границы не отображается после того, как я использовал правильный синтаксис границы

Question

Я пытался применить цвет к вершине границы моего div, но это не сработало. Я использовал синтаксис правой границы.
border: 1px solid white; верхний цвет: красный;

Answer 1

<style>
.div1{border: 1px solid black;
border-top-color: red
}
</style>
<div class="div1">Just test</div>
<br><br>
<div style="border: 1px solid black;border-top-color: red">Just test</div>

Я дал вам два способа решения вашей проблемы

<style>
.div1{border: 1px solid black;
border-top-color: red
}
</style>
<div class="div1">Just test</div>

<div style="border: 1px solid black;border-top-color: red">Just test</div>