控制虚线边框笔画长度和笔画之间的距离 [英] Control the dashed border stroke length and distance between strokes

问题描述

可以控制CSS中虚线边框笔触之间的长度和距离。

Is it possible to control the length and distance between dashed border strokes in CSS?

下面的示例在浏览器之间显示不同：

This example below displays differently between browsers:

div {
  border: dashed 4px #000;
  padding: 20px;
  display: inline-block;
}

<div>I have a dashed border!</div>

IE 11 / Firefox / Chrome

Big differences: IE 11 / Firefox / Chrome

有没有任何方法可以更好地控制虚线边框外观？

Are there any methods that can provide greater control of the dashed borders appearance?

推荐答案

Css渲染是特定于浏览器的，我不知道任何微调，你应该使用Ham的推荐图像。
参考： http：//www.w3。 org / TR / CSS2 / box.html＃border-style-properties

Css render is browser specific and I don't know any fine tuning on it, you should work with images as recommended by Ham. Reference: http://www.w3.org/TR/CSS2/box.html#border-style-properties

这篇关于控制虚线边框笔画长度和笔画之间的距离的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！