CSS 样式中 border 和 border-width 属性的区别

Question

下面的 CSS 样式有什么区别？

border: 5px;

与

border-width: 5px;

Answer 1

当您使用：

border: 5px;

然后你必须使用 3 个简写属性：

border-width
border-style (required)
border-color

当您使用唯一的宽度时，它将不起作用，您还必须编写边框样式，并且如果您编写唯一的边框样式，那么它会使用默认宽度和默认颜色作为文本颜色。

当你使用时：

border-width: 5px;

它将分配 border-width 速记 CSS 属性并设置元素边框的所有四个边的宽度。