CSS border-image-width Property

<!DOCTYPE html>
<html>
<head>
<style>
    .ex1 {
        border: 10px solid transparent;
        padding: 15px;
        border-image-source: url('https://webtutor.dev/images/border.png');
        border-image-repeat: round;
        border-image-slice: 30;
        border-image-width: 5px;
    }

.ex2 {
        border: 10px solid transparent;
        padding: 15px;
        border-image-source: url('https://webtutor.dev/images/border.png');
        border-image-repeat: round;
        border-image-slice: 30;
        border-image-width: 15px;
    }

.ex3 {
        border: 10px solid transparent;
        padding: 15px;
        border-image-source: url('https://webtutor.dev/images/border.png');
        border-image-repeat: round;
        border-image-slice: 30;
        border-image-width: 25px;
    }
</style>
</head>
<body>

<h1>The border-image-width Property</h1>

<div class="ex1">border-image-width: 5px;</div>
<div class="ex2">border-image-width: 15px;</div>
<div class="ex3">border-image-width: 25px;</div>

<p>Here is the original image:</p>
<img src="https://webtutor.dev/images/border.png" alt="Border">

</body>
</html>

Commands	Shortcut Key (Win)	Shortcut Key (Mac)
selectAll	Ctrl-A	Cmd-A
singleSelection	Esc	-
killLine	-	Ctrl-K (Mac)
deleteLine	Ctrl-D	Cmd-D
undo	Ctrl-Z	Cmd-Z
redo	Ctrl-Y	Shift-Cmd-Z, Cmd-Y
undoSelection	Ctrl-U	Cmd-U
redoSelection	Alt-U	Shift-Cmd-U
goDocStart	Ctrl-Home	Cmd-Up, Cmd-Home
goDocEnd	Ctrl-End	Cmd-End, Cmd-Down
goLineStart	Alt-Left	Ctrl-A
goLineEnd	Alt-Right	Ctrl-E
goLineRight	-	Cmd-Right
goLineLeft	-	Cmd-Left
goLineUp	Up	Ctrl-P
goLineDown	Down	Ctrl-N
goPageUp	PageUp	Shift-Ctrl-V
goPageDown	PageDown	Ctrl-V
newlineAndIndent	Enter	-
save	Ctrl-S	Cmd-S