CSS में बैकग्राउंड रिपीट

background-repeat प्रॉपर्टी

वेब पेज पर बैकग्राउंड इमेज कैसे दोहराई जाती है, यह सेट करने के लिए background-repeat प्रॉपर्टी का उपयोग करें।

मान: repeat | repeat-x | repeat-y | no-repeat | initial | inherit

उदाहरण 1: repeat-x

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("https://www.tutorialspoint.com/images/Swift.png");
  background-repeat: repeat-x;
  background-color: blue; color: white;
}
.demo { text-decoration: overline underline; }
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

आउटपुट

उदाहरण 2: repeat-y

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("https://www.tutorialspoint.com/images/Swift.png");
  background-repeat: repeat-y;
  background-color: orange; color: white;
}
.demo { text-decoration: overline underline; }
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

आउटपुट