1. ホーム
  2. css

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

2022-04-24 17:39:23

質問

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