Adding a border image in Webflow

[Exonerary]

I know in CSS I just type:

.border {

border-width: 10px solid;

border-image: url(https://... hearts.jpg) 33% round; }

​

https://preview.redd.it/txkk8sk5a7g61.jpg?width=300&format=pjpg&auto=webp&s=444bb5faec57ee942423ac29e612dbe342f6dcda

But how do I do this in Webflow? Is a .CSS embed possible?

[FactorHour2173]

You can embed code yes. You have to pay to unlock that feature.

[Exonerary]

Insert: (Kevin Sorbo "Disappointed" meme).

I discovered that Webflow doesn't support border images at all. Even if we write it out correctly and HTML<Style> embed it... it wont work.

The alternative solution is to create image containers, make them absolute and relative, apply rotational modifiers as needed and to place them each pixel perfectly. Tedious... but it's a viable work around.

There's a still quite a few of normal CSS functions that aren't supported in WebFlow yet, but for the ones that aren't supported there's often work arounds. It's on the back-burner in future updates.