AbAppletic AbAppletic - 3 months ago 8x
HTML Question

border-image not showing in HTML Email

So I have a div with a border. However, the border image is not showing up. It displays it as an ordinary solid border. It's weird, the URL is valid and working, it is from google drive, everything looks good. The HTML itself works, but when I use it in an email it doesn't.

<div style="-webkit-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;-o-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46 round;border-width: 46px;border-style: solid;">Hello world!!!</div>

It's really weird; I've never seen anything like this. I'm sending to Gmail BTW and am not sure if it works with Outlook or something else.

PS: I know the border looks a little weird; that's because its height is small. I am aware of that, so don't complain about it.


Actually there's no way, Gmail does not support border-image property.

check here for tag compatibility: https://www.campaignmonitor.com/css/