编写此边框css属性的最短方法是什么？

Question

我有一个名为“commentbox”的div

我希望边框solid颜色为#ccc，但我想要右边，而不是边框​​。

所以只有div的顶部和底部应该用钻孔线覆盖。感谢

Answer 1

可能是

.commentbox{
  border: solid #ccc;
  border-right: none;
}

Answer 2

这样可行：

.commentbox {
border: 2px solid #ccc;
border-right: none; /* though some amend this to: '0 none transparent' */
}

有效地，您可以在速记第一条规则中声明边框的width，style和color，然后分配style none（尽管您可以使用border-right-width: 0或border-right-color: transparent在兼容的浏览器中获得相同的结果。

Answer 3

你可以这样做：

.commentbox{
  border:1px solid color #ccc;
  border-right:none;
}

规则border:1px solid color #ccc;将对所有四个边应用边框，但后来规则border-right:none;会将其从right方移除，留下边界的三个边。

您可以在CSS-Trick.Com上阅读这篇文章：

• Three-Sided Border