<div>border-box</div>
<div>padding-box</div>
<div>content-box</div>
div {
	display: inline-block;
	margin: .125em 0;
	border: solid 2.5em #000;
	border-image: repeating-linear-gradient(45deg, #000, #000 2%, transparent 2%, transparent 5%) 40;
	padding: 1em;
	width: 7em; height: 3em;
	background: #e18728;
	color: #fff;
	font: 1em courier;
	text-align: center;
	text-shadow: 1px 1px #000;
	
	&:nth-child(2) { background-clip: padding-box; }
	&:nth-child(3) { background-clip: content-box; }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.