减少边框右侧的长度

Question

我有一个边框：

.verticalLineTop {
    border-top:solid #6E6A6B;
    border-width:1px;
    width: 130px;
}

我正在硬编码宽度以修剪边框的右边部分，这可以使用css完成吗？

所以而不是：

________________________

显示：

____________________

Answer 1

您无法设置部分CSS border-top，全部或全部。

如果您始终希望顶部边框占宽度的某个百分比，则可以嵌套宽度为百分比的元素。

.verticalLineTop
{
    width:80%;
    border-top:solid 1px #000;
}

现场演示： http://jsfiddle.net/P3RKB/1

Answer 2

.verticalLineTop:before
 {
   width:80%;
   border-top:solid 1px #000;
   content: "";
   display: block;
   padding-top: 10px;
 }