Javascript CSS-将边框图像缩放到边框宽度或特定百分比

我有以下代码：

.container{
宽度：600px；
高度：344px；
背景色：rgb（255245187）；
}
.框架{
保证金：0px自动；
宽度：275.2px；
高度：344px；
/*
*可用的边框图像。目标是使用图像[1]：
* - [1] https://i.ibb.co/6nW3dZC/fra-silver-cloud-wood-bg.png
* - [2] https://i.ibb.co/YtVcXn2/fra-silver-cloud-wood-bg-resized.png
*/
背景图像：url（“https://i.ibb.co/wQSgvS7/jessica.jpg“”，url（“”）https://i.ibb.co/h7CCwc5/mcol-bottle-blue-bg.png");
背景尺寸：172px240.8px，自动；
背景位置：中心；
背景重复：不重复，重复；
边框图像：url（“https://i.ibb.co/YtVcXn2/fra-silver-cloud-wood-bg-resized.png）34.4填充/34.4px/0重复；
边框宽度：0；
边框样式：插图；
}

以下是解决方案：

基本上需要更改：

100填充

为

34.4填充

。谢谢

@temani afif

.container{
宽度：600px；
高度：344px；
背景色：rgb（255245187）；
}
.框架{
保证金：0px自动；
宽度：275.2px；
高度：344px；
背景图像：url（“https://i.ibb.co/wQSgvS7/jessica.jpg“”，url（“”）https://i.ibb.co/h7CCwc5/mcol-bottle-blue-bg.png");
背景尺寸：172px240.8px，自动；
背景位置：中心；
背景重复：不重复，重复；
/*
*可用的边框图像。目标是使用图像[1]：
* - [1] https://i.ibb.co/6nW3dZC/fra-silver-cloud-wood-bg.png
* - [2] https://i.ibb.co/YtVcXn2/fra-silver-cloud-wood-bg-resized.png
*/
边框图像：url（“https://i.ibb.co/6nW3dZC/fra-silver-cloud-wood-bg.png）100次填充/34.4px/0次重复；
边框宽度：0；
边框样式：插图；
}

将边框图像缩放到边框宽度

以下是解决方案：

基本上需要更改：

100填充

为

34.4填充

。谢谢

@temani afif

.container{
宽度：600px；
高度：344px；
背景色：rgb（255245187）；
}
.框架{
保证金：0px自动；
宽度：275.2px；
高度：344px；
背景图像：url（“https://i.ibb.co/wQSgvS7/jessica.jpg“”，url（“”）https://i.ibb.co/h7CCwc5/mcol-bottle-blue-bg.png");
背景尺寸：172px240.8px，自动；
背景位置：中心；
背景重复：不重复，重复；
/*
*可用的边框图像。目标是使用图像[1]：
* - [1] https://i.ibb.co/6nW3dZC/fra-silver-cloud-wood-bg.png
* - [2] https://i.ibb.co/YtVcXn2/fra-silver-cloud-wood-bg-resized.png
*/
边框图像：url（“https://i.ibb.co/6nW3dZC/fra-silver-cloud-wood-bg.png）100次填充/34.4px/0次重复；
边框宽度：0；
边框样式：插图；
}

将边框图像缩放到边框宽度

如下所示：？您提供的链接上的输出与我的第一张图像（目标）不同。这是我从上面的链接得到的：。这是监狱：。谢谢你将切片加倍：谢谢你，泰曼尼，你救了我一天：我必须将：

34.4填充

更改为

100填充

如下：？你提供的链接上的输出与我的第一张图像（目标）不相似。这是我从上面的链接得到的：。这是监狱：。谢谢谢谢你，泰曼尼，你救了我一天：我必须改变：

34.4填充

到

100填充