我怎样才能使这个 css 边框属性成为一个衬垫？

Question

我有这个有效的 css，但我喜欢把它变成一行，这可能吗？

border-radius: 0;
border-color: #ccc;
border-width: 0 0 2px 0;
border-style: none none solid none;

Answer 1

这篇简短的文章涵盖了您在日常工作中会遇到的各种 CSS 速记。

边界

border允许您设置border width、style和color。

更新：

正如@torazaburo 指出的那样，它实际上需要border: 0 none #ccc它是正确的，并且添加，border-radius: 0因为它不是边界速记的一部分。

#example {
  border: 0 none #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
}

如果以下内容可以从级联中的其他规则中获取非底部边框宽度和样式不是问题，那么这应该没问题：

#example {
    border-bottom: 2px solid #ccc;
}

生成您想要的相同 CSS：