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

CSS में बैकग्राउंड में इमेज की स्थिति को नियंत्रित करने के लिए किस प्रॉपर्टी का उपयोग किया जाता है?

<घंटा/>

पृष्ठभूमि में किसी छवि की स्थिति को नियंत्रित करने के लिए, पृष्ठभूमि-स्थिति . का उपयोग करें संपत्ति।

उदाहरण

पृष्ठभूमि-स्थिति . के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति। यह पृष्ठभूमि छवि स्थिति को बाईं ओर से 30 पिक्सेल दूर सेट करता है:

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

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

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb

  1. CSS में स्थिति गुण का उपयोग करके तत्वों को संरेखित करना

    हम CSS पोजिशनिंग स्कीमा विधियों (फिक्स्ड, रिलेटिव, एब्सोल्यूट और स्टैटिक) और प्रॉपर्टीज (बाएं, दाएं, ऊपर और नीचे) का उपयोग करके तत्वों को संरेखित कर सकते हैं। उदाहरण आइए पोजिशनिंग स्कीमा का उपयोग करके तत्वों को संरेखित करने के लिए एक उदाहरण देखें - सीएसएस स्थिति का उपयोग कर संरेखण. स्क्रीन { पैडिंग

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

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