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

सीएसएस के साथ पृष्ठभूमि छवि दोहराएं

<घंटा/>

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

उदाहरण

बैकग्राउंड-रिपीट के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति:

<html>
   <head>
      <style>
         body {
            background-image: url("/images/seaborn-4.jpg?v = 2");
            background-repeat: repeat;
         }
      </style>
   </head>
   <body>
      <p>Tutorials Point</p>
   </body>
</html>

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

    CSS में बैकग्राउंड रिपीट का उपयोग यह सेट करने के लिए किया जाता है कि वेब पेज पर बैकग्राउंड इमेज कैसे दोहराई जाती है। इसके लिए बैकग्राउंड-रिपीट प्रॉपर्टी का इस्तेमाल करें। निम्नलिखित गुण मान हो सकते हैं - background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit; उदाहरण आइए अब एक उदाहरण

  1. सीएसएस में पृष्ठभूमि आशुलिपि संपत्ति

    CSS बैकग्राउंड शॉर्टहैंड प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के लिए बैकग्राउंड को परिभाषित करने के लिए किया जाता है। बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमेंट एक साथ CSS बैकग्राउंड प्रॉपर्टीज को शा

  1. सीएसएस का उपयोग करके पृष्ठभूमि दोहराएं

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