如何将图像附加到边界线之后的边界（不在边界内）

Question

这里是了解我要做什么的链接。

https://stackblitz.com/edit/angular-resizable?file=app%2Fapp.component.css

在这里

..我想在该地方添加一个图像而不是darkgrey。

我已经尝试过类似的方法，但是它不起作用

this.el.nativeElement.style [“ border-right”] = this.resizableGrabWidth +“ url（'image.svg'）”;

Answer 1

不能在“ border-right”上指定边框图像，而只能使用border-image样式同时为所有边框指定边框图像。试试这个：

this.el.nativeElement.style["border-right"] = this.resizableGrabWidth + "px solid transparent"; 
this.el.nativeElement.style["border-image"] = "url(assets/border.png) 30 round";

只有当宽度为非零的唯一边框时，边框图像才会出现在右侧。 （另请参见：w3schools example）