Is it possible to use with small picture for the background div to repeat x and y together? See example thanks.
repeat-y: This property is used to set the background image repeated only vertically. Example: HTML.
repeat-x. The value repeat-x ensures that the background-image is repeated only along the x axis (that is, the horizontal axis in both directions—left and right) until the element's background is fully covered along that axis.
1, the background-repeat property had four options: no-repeat , repeat , repeat-x and repeat-y . While these are undoubtedly useful, they don't permit finer control over the repeating process and tiles will be clipped if they don't fit the container an exact number of times.
background-repeat: repeat;
http://www.w3schools.com/cssref/pr_background-repeat.asp:
repeat - The background image will be repeated both vertically and horizontally. This is default
Example: http://jsfiddle.net/p2vjf/6/
Yes, just remove both, and the default value background-repeat: repeat;
kicks in:
http://jsfiddle.net/Guffa/p2vjf/7/
use this....
float: left;
width: 100%;
background: url(../images/img01.jpg) left top repeat;
height: 500px; //set the height to which you want to repeat
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With