CSS3 background-size - To: CSS3 - Information and samples

Code used in this page

.background-size {
	width: 100px;
	height: 100px;
	color: #fff;
	background: url(view.jpg) no-repeat;
	border: 1px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: 100px 50px;
	/* WebKit */
	-webkit-background-size: 100px 50px;
	/* Opera 9.5+, later Google Chrome */
	background-size: 100px 50px;
}

.background-size-stretch {
	width: 310px;
	height: 200px;
	color: #fff;
	background: url(view.jpg) no-repeat;
	border: 1px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: auto 100%;
	/* WebKit */
	-webkit-background-size: auto 100%;
	/* Opera 9.5+, later Google Chrome */
	background-size: auto 100%;
}

.background-size-cover {
	width: 200px;
	height: 400px;
	color: #fff;
	background: url(view.jpg) no-repeat;
	border: 1px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: cover;
	/* WebKit */
	-webkit-background-size: cover;
	/* Opera 9.5+, later Google Chrome */
	background-size: cover;
}