我可以同时设置border-left和border-right吗？

Question

有时我发现自己处于一种情况，我想为元素的左侧和右侧定义border规则。但老实说，border-left: solid 1px #999; border-right: solid 1px #999有点笨拙。它浪费了空间，我必须两次应用更改，它可能会或可能不会降低效率。

有没有办法一次定义水平边框或垂直边框？

Answer 1

<div id="myDiv">Your Div</div>

<强> CSS：

#myDiv
{
border-width:0 1px 0 1px;
border-color:#ddd;
}

Answer 2

你可以这样做：

#myDiv
{
    width: 100px;
    height: 100px;
    border: 1px solid #999;
    border-width: 0 1px; /*horizontal, vertical*/
}​​​​​​

http://jsfiddle.net/52AEP/

Answer 3

没有

来自https://developer.mozilla.org/en-US/docs/CSS/border：

  

边框宽度，边框样式和边框颜色属性   即使边距和填充速记属性也可以接受最多4个   值，允许设置不同的宽度，样式或颜色   不同的边界，此属性只接受一个值   属性，导致四个边缘的相同边界。

所以你可以切换到使用单独的border-width，border-style和border-color属性，使用它们的速记属性来设置每个方面的样式 - 但我认为你最好的就是拥有它。

也就是说，确保您将样式定义保存为CSS类 - 然后可以跨元素重复使用，而不是在整个页面中的元素的“样式”属性中逐个应用这些。

Answer 4

遗憾的是，css中没有选项...您必须手动编写所有边框参数。