background-repeat

Background properties can be set for individual elements or as a global (default) property which will effect the entire contents of the page. If a background property is not specified, the browser will implement the default color scheme (which is rather dull), which will almost certainly not look the way you intended. background-repeat This property is used to psecify the repition of the image to be used for the background. An effect similiar to 'tiling' can be achieved, as well as repeating an image horizontally or vertically, or both. The default for image repeating is both horizontal and vertical repitition (tiling). background-repeat values repeat This is the default setting, and will cause the image to repeat both horizontally and vertically. This property works with the background-image property. repeat-x This causes the image to be repeated horizontally. The 'x' refers to the co-ordinate system using x, y, and z axis, x being horizontal and y being vertical. The third dimension, the 'z' axis, is not used with this property. repeat-y This causes the image to be repeated vertically. The 'y' refers to the co-ordinate system using x, y, and z axis, x being horizontal and y being vertical. The third dimension, the 'z' axis, is not used with this property. no-repeat This will cause the image to be displayed as is. That is, the image will not be repeated on either the horizontal (the x-axis) or the vertical (the y-axis). EXAMPLES: P {background-image: url(watermark.gif); background-color: white; background-positon: top left; background-repeat: repeat-x} This example causes the paragraph element, when called, to have the 'watermark.gif' image displayed as the background. The image will be positioned starting at the top left of the element box and will repeat across the horizontal plane (across the top) of the element box until it runs out of space. If for some reason the image is not available, the background will be displayed as white, due to the background-color: white value.