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

fud*_*din -1 css

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

.site {
    border-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="site">This is some text</div>
Run Code Online (Sandbox Code Playgroud)

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

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

.site {
    border-top-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="site">This is some text</div>
Run Code Online (Sandbox Code Playgroud)

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

Dar*_*ney 5

.site在CSS中更改为:

.site {
    border-top: 10px solid #8ab51e;
}
Run Code Online (Sandbox Code Playgroud)