Home | Computer Science

< CSS background-repeat

Defination

The background-image property repeats an image both horizontally and vertically.



BACKGROUND REPEAT

Syntax of background repeat is

body {

  background-image: url("gradient_bg.png");

  background-repeat: repeat-x;

}

 Three types to repeat image 

     repeat-x    ( It will repeat the image horizontally )
repeat-y    ( It will repeat the image vertically )
no-repeat  ( This do not repeat the image )
  Program

   INPUT

 


<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("World.jpg");
  background-repeat: repeat-y;
}
</style>
</head>
<body>

<h1>Background-Repeat</h1>
 <p>This text is not easy to read on this background image.</p> 


</body>
</html>.





 
 
     OUTPUT

< CSS background-repeat

<!DOCTYPE html> <html> <head> <style> body { background-image: url("World.jpg"); background-repeat: repeat-y; } </style> </head> <body> <h1>Background-Repeat</h1> <p>This text is not easy to read on this background image.</p> </body> </html>.