15 + Background Image Body No Repeat High Quality Images. This is the default value. body background-image: url(/path/to/image.png); When using the url() value, you have three choices This property specifies whether and how the image will repeat, or tile. The following code specifies a background image for the whole page (via the 'body' tag). no-repeat: The background-image will not be repeated. initial: Sets the property to default value. inherit: The property is inherited from its parent element.
This prevents the image repeating across the element (in the event that the image is smaller than the element). The background image can repeat horizontally, vertically, in both directions, or not at all. Learn the values and try examples with each of them.
21 + Background Image Body No Repeat HD Wallpapers
Use the CSS rule background-repeat: no-repeat to prevent it from tiling, and use either background-size: cover or background-size: contain , depending on your expected Add these three lines in your external style sheet to prevent the repetition of image in your background. body{.
File:Background repeat unit.png - Wikimedia Commons