[解決済み] 破線枠のストロークの長さとストローク間の距離を制御する

質問

CSSでボーダーの破線の長さや間隔を制御することは可能ですか？

以下の例は、ブラウザによって表示が異なります。

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

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

大きな違い IE 11 / Firefox / Chrome

破線のボーダーの外観をより細かく制御できる方法はありますか？

解決方法は？

CSSレンダリングはブラウザに依存するため、微調整はできませんので、Hamの推奨する方法で画像を扱う必要があります。 参考までに。 http://www.w3.org/TR/CSS2/box.html#border-style-properties