Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

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


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

सिंटैक्स

CSS background-repeat प्रॉपर्टी का सिंटैक्स निम्नलिखित है:

Selector { background-repeat: /*value*/ }

उदाहरण

निम्नलिखित उदाहरण CSS background-repeat प्रॉपर्टी को दर्शाते हैं:

<!DOCTYPE html> <html> <head> <style> body { background-image: url("https://www.tutorialspoint.com/images/microsoftproject.png"); background-repeat: repeat; } </style> </head> <body> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देता है:

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

उदाहरण

<!DOCTYPE html> <html> <head> <style> ul { background-image: url("https://www.tutorialspoint.com/images/questions-answers.png"); background-repeat: space repeat; } </style> </head> <body> <h2>Tutorials</h2> <ul> <li>Java</li> <li>C#</li> <li>Etherum</li> <li>DBMS</li> <li>OS</li> </ul> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देता है:

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

  1. CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज कैसे बनाएं? CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज कैसे बनाएं?

    CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" imageContent="width=device-width, initial-scale=1"> <style> * {    box-sizing: border-box; } body { &nbs

  1. CSS में RGBA से ट्रांसपेरेंसी (पारदर्शिता) कैसे बनाएं? CSS में RGBA से ट्रांसपेरेंसी (पारदर्शिता) कैसे बनाएं?

    RGBA कलर फॉर्मेट में अल्फा चैनल (0 से 1) पारदर्शिता नियंत्रित करता है। rgba(0, 0, 255, 0.582) में 0.582 ओपेसिटी है। यह केवल बैकग्राउंड को पारदर्शी बनाता है, कंटेंट को नहीं। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verd

  1. CSS में डेटा-एट्रिब्यूट्स (data-*) का उपयोग करना CSS में डेटा-एट्रिब्यूट्स (data-*) का उपयोग करना

    परिचय हम data-* एट्रिब्यूट्स का उपयोग करके एलिमेंट्स के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। ये कस्टम डेटा एट्रिब्यूट्स CSS सेलेक्टर्स (attr() फंक्शन के साथ) और जावास्क्रिप्ट दोनों के लिए सुलभ हैं। उदाहरण 1: जावास्क्रिप्ट इंटरैक्शन के लिए डेटा एट्रिब्यूट्स <!DOCTYPE html> <html