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

सीएसएस स्थिति:रिश्तेदार;

<घंटा/>

स्थिति:रिश्तेदार; संपत्ति आपको तत्व को उसकी सामान्य स्थिति के सापेक्ष स्थिति देने की अनुमति देती है। आप CSS स्थिति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:सापेक्ष;

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            position: relative;
            left: 20px;
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <h1>Positioning Element</h1>
      <div>
         div element with position: relative;
      </div>
   </body>
</html>

आउटपुट

सीएसएस स्थिति:रिश्तेदार;


  1. सापेक्ष स्थिति निर्धारण सीएसएस में कार्य करना

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

  1. CSS में बैकग्राउंड पोजीशन सेट करना

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

  1. सीएसएस पोजिशनिंग तत्व

    पोजीशन प्रॉपर्टी का इस्तेमाल किसी एलीमेंट को पोजिशन करने के लिए किया जाता है। यानी निम्नलिखित पोजिशनिंग एलिमेंट हैं - स्थिर - एलिमेंट बॉक्स को सामान्य दस्तावेज़ प्रवाह के एक भाग के रूप में, पूर्ववर्ती तत्व और पूर्ववर्ती निम्नलिखित तत्वों का अनुसरण करते हुए रखा गया है। रिश्तेदार - एलिमेंट बॉक्स