未报告CSS错误，但边框图像源和边框图像切片不'；不产生任何边界图像

我正在练习并尝试显示边框的图像。我创造了这个形象，它可以

我正在运行Firefox 60.0.1 64位

我检查了开发者工具中的网络选项卡，图像加载很好。另外，我的

@支持

at规则工作正常。而且没有CSS错误

但是，我根本看不到边界图像

div{
宽度：250px；
高度：120px；
背景图像：线性梯度（90度，rgba（40，180，255，0.9），rgba（40，100，255，0.9））；
字号：2em；
字体系列：日内瓦；
保证金：100px自动0px自动；
填充：10px；
}
@支持（边框图像源：url）(https://raw.githubusercontent.com/Sathyaish/Practice/master/CSS/images/Border.png)) {
div{
边框图像源：url(https://raw.githubusercontent.com/Sathyaish/Practice/master/CSS/images/Border.png);
边界图像切片：30%；
边界图像重复：圆形；
}
}

---

这是一个很好的分区。

设置

边框

属性，并具有一定的宽度：

div{
边框：20px实心橙色；
宽度：250px；
高度：120px；
背景图像：线性梯度（90度，rgba（40，180，255，0.9），rgba（40，100，255，0.9））；
字号：2em；
字体系列：日内瓦；
保证金：100px自动0px自动；
填充：10px；
}
@支持（边框图像源：url）(https://raw.githubusercontent.com/Sathyaish/Practice/master/CSS/images/Border.png)) {
div{
边框图像源：url(https://raw.githubusercontent.com/Sathyaish/Practice/master/CSS/images/Border.png);
边界图像切片：30%；
边界图像重复：圆形；
}
}

这是一个不错的分区。