CSS border-image-repeat Property - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
   border: 1em solid blue;
   border-image-source: url("images/border.png");
   border-image-repeat: round;
   border-image-width: 27px;
   border-image-slice: 27;
   border-image-outset: 20px;
   height: 70px;
   padding: 20px;
   margin: 20px;
   width: 200px;
}
</style>
</head>
<body>
<div>Example of the border-image-repeat property</div>
</body>
</html>