How to solve the problem that border-image exceeds border-width?

<div style="border-width: 14px;width: 100px;height: 100px;border-image-source: url("05.png");border-style: solid;border-image-slice: 14 fill">
        <div style="width: 100%;height: 100%;background: rgba(120,120,120,0.5);"></div>
</div>

border-image exceeds the width of border-width, what should I do?

clipboard.png

Css
Mar.06,2021

learn about the border-image-slice attribute in your code.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b394b8-411c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b394b8-411c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?