CSS边界冗余删除

Question

我经常发现自己：

.class {
   border-top:1px dashed #0000000;
   border-bottom:1px dashed #0000000;
}

有没有办法单行呢？

我尝试了这个但是做了'工作：

.class {
   border:1px 0 dashed #0000000;
}

Answer 1

不，但您可以通过使用以下内容来简化维护：

.my_class {
  border: 1px dashed #000;
  border-right: none;
  border-left: none;
}

你需要改变一行。

Answer 2

在您的情况下，您可以为每个单边框属性使用每个“边”（顶部，右侧，底部，左侧）的属性：

.class{
border-color: #000;
border-width: 1px 0;
border-style: dashed;

}

请注意，您可以为每一方指定每个属性，例如：

.class{
border-color: #000 green blue yellow;
border-width: 1px 2px 3px 4px;
border-style: dashed solid dotted solid;

}

Answer 3

不，在纯CSS中没有单行代码 - 你可以同时使用border简写为所有四个方面。