Cacher is the code snippet organizer for pro developers

<!-- Background Properties -->

<div class="box">
</div>

<div class="scroll">
</div>

<div class="fixed">
</div>

<div class="local">
</div>

<style>
/* Default Value  */

.box {
	background-color: #fff;
	background-image: url ('texture.png') no-repeat;
	background-position: center bottom;( x axis horizontal - x axis vertical)
	background-position: 0 50%; 
}
.scroll {
	background-attachment: scroll;/* Default Value - The page scroll and the image too  */
}
.fixed {
	background-attachment: fixed;/* The image doesn't scroll with the page  */
}
.local{
	background-attachment: local;/* CSS3 The image is relative to the page and is fix to the element content and scroll */
}
.shorthand{
	background:#efefef url ('texture.png') no-repeat scroll center center;
}
</style>