为什么没有设置宽度，边框样式仍显示边框？

Question

在以下代码段中，CSS规则应仅在顶部创建边框：

.site {
    border-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}

<div class="site">This is some text</div>

但是，即使我只在顶部设置了宽度，这也会在所有四个侧面上创建边框。

当我使用border-top-style它可以正常工作：

.site {
    border-top-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}

<div class="site">This is some text</div>

border-style即使没有设置宽度，为什么也要显示边框？

Answer 1

.site在CSS中更改为：

.site {
    border-top: 10px solid #8ab51e;
}