textarea {
	-moz-box-sizing:border-box;
	     box-sizing:border-box;
	width:276px; 
	height:172px; 
	overflow:auto;
}

.simple { 
	padding:20px;
	border:none;
	background:#fff url(pattern.png) center no-repeat scroll;
}

.size {
	background-size:100% 100%;
}

.border {
	border:20px solid transparent;
	-webkit-border-image:url(pattern.png) 20 repeat;
 	   -moz-border-image:url(pattern.png) 20 repeat;
	    -ms-border-image:url(pattern.png) 20 repeat;
	     -o-border-image:url(pattern.png) 20 repeat;
	        border-image:url(pattern.png) 20 repeat;
	background-color:#fff;
}

.full {
	border:20px solid transparent;
	background:#fff url(pattern.png) center no-repeat scroll;
	/* Early Implementations the default behaviour was fill and/or fill was not supported */
	-webkit-border-image:url(pattern.png) 20 repeat;
	   -moz-border-image:url(pattern.png) 20 repeat;
	     -o-border-image:url(pattern.png) 20 repeat;
	/* new implementation: fill must be specified */
	-webkit-border-image:url(pattern.png) 20 fill repeat;
	   -moz-border-image:url(pattern.png) 20 fill repeat;
	     -o-border-image:url(pattern.png) 20 fill repeat;
	/* standard specification */
	        border-image:url(pattern.png) 20 fill repeat;
}