Javascript 更换和定心线分隔器

我有一个分线器，我想在页面的绝对中心点上，但这就是我所发现的：

我不知道如何使用任何形式的编码将直线变为虚线，所以我在这里

.divider {
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid grey;
}

更改：

border-left:1px solid grey;

致：

使用

虚线
：

请参阅此W3C wiki页面以了解更多边框样式：

演示：
尝试将“实心”更改为“虚线”？问题在于边框是实心的而不是虚线，或者边框不居中，或者两者都不居中？边框不居中@J08691类似于此？我如何将其放置在图形的中心webpage@user2680614这取决于您的页面标记。对于提供的小提琴，这里是最简单的方法：。
border-left:1px dotted grey;

border-left: 1px dotted grey;