CSS3border-image
プロパティは、Firefox 14 で機能していた構文を使用して、Firefox 15 で機能しなくなりました (
http://jsfiddle.net/uzZVf/2/ )。
もちろん接頭辞は削除されていますが、それがなくても失敗します。
以前には存在しなかった新しい構文要件はありますか? どうすればborder-image
正しく機能するようになりますか?
CSS3border-image
プロパティは、Firefox 14 で機能していた構文を使用して、Firefox 15 で機能しなくなりました (
http://jsfiddle.net/uzZVf/2/ )。
もちろん接頭辞は削除されていますが、それがなくても失敗します。
以前には存在しなかった新しい構文要件はありますか? どうすればborder-image
正しく機能するようになりますか?
以下を CSS に追加する必要がありborder-image-width: 4px 4px 4px 4px;
ます。そうしないと、Firefox は他のボーダー CSS を使用しても 1px 幅に設定します。
デモ: http://jsfiddle.net/SO_AMK/uzZVf/4/
Mozilla 開発チームは、2008 年のワーキング ドラフトから2011 年の勧告候補へと境界画像の仕様を更新しました。詳細については、この記事を参照してください。
はい、スタイルは次のようにする必要があります (XYZ = 境界線の幅):
border-width: XYZpx;
border-image-width: XYZpx XYZpx XYZpx XYZpx;
border-image-slice: fill;
border-style: solid;