This element is surrounded by a bitmap-based mask border! Pretty neat, isn't it?
.masked { -webkit-mask-box-image: url("mask-border-diamonds.png") 30 fill / /* slice */ 20px / /* width */ 1px /* outset */ round; /* repeat */ mask-border: url("mask-border-diamonds.png") 30 fill / /* slice */ 20px / /* width */ 1px /* outset */ round; /* repeat */ }
<div class="masked">This element is surrounded by a bitmap-based mask border! Pretty neat, isn't it?</div>