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

CSS में पृष्ठभूमि छवि की पुनरावृत्ति को नियंत्रित करने के लिए कौन सा गुण उपयोग किया जाता है?

पृष्ठभूमि में छवि की पुनरावृत्ति को नियंत्रित करने के लिए, background-repeat गुण का उपयोग करें। यदि आप छवि को दोहराना नहीं चाहते हैं, तो background-repeat गुण के लिए no-repeat मान का उपयोग करें; इस स्थिति में छवि केवल एक बार प्रदर्शित होगी।

उदाहरण

निम्न कोड चलाकर देखें कि background-repeat गुण कैसे काम करता है:

<html>
  <head>
    <style>
      body {
        background-image: url("/css/images/css.jpg");
        background-repeat: repeat;
      }
    </style>
  </head>
  <body>
    <p>Tutorials Point</p>
  </body>
</html>

सामान्य मान: repeat (डिफ़ॉल्ट), repeat-x, repeat-y, no-repeat, space, round।

  1. CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं

    CSS में border-image प्रॉपर्टी को पहली बार में समझना थोड़ा मुश्किल हो सकता है। इस लेख में, हम चर्चा करेंगे कि border-image प्रॉपर्टी क्या है, इसका उपयोग कैसे करें, और विभिन्न ब्राउज़रों में इसका उपयोग करते समय इसकी विचित्रताएं। बॉर्डर-इमेज शॉर्टहैंड सिंटैक्स border-image: url(image.jpg) 25% / 70px

  1. - CSS के साथ रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें

    radial-gradient() CSS फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें। यह फ़ंक्शन एक केंद्र बिंदु से बाहर की ओर फैलने वाला ग्रेडिएंट बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 200px; back

  1. CSS में Background शॉर्टहैंड प्रॉपर्टी CSS में Background शॉर्टहैंड प्रॉपर्टी

    CSS background शॉर्टहैंड प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बैकग्राउंड को परिभाषित करने के लिए किया जाता है। background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin और background-attachment मिलकर CSS background प्रॉपर्टीज बन