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

सीएसएस स्थिति:निरपेक्ष;

<घंटा/>

स्थिति:निरपेक्ष; संपत्ति आपको निकटतम स्थित पूर्वज के सापेक्ष तत्व की स्थिति की अनुमति देती है।

उदाहरण

आप CSS स्थिति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:निरपेक्ष;

<!DOCTYPE html>
<html>
   <head>
      <style>
         div.one {
            position: relative;
            width: 500px;
           height: 150px;
           border: 2px solid blue;
         }
         div.two {
            position: absolute;
            top: 70px;
            right: 0;
            width: 300px;
            height: 50px;
            border: 2px solid yellow;
         }
      </style>
   </head>
   <body>
      <h2>position: absolute;</h2>
      The position: absolute; property allows you to position element relative to the nearest positioned ancestor.
      <div class = "one">div has position: relative;
         <div class = "two">div has position: absolute;</div>
      </div>
   </body>
</html>

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

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

  1. CSS का उपयोग करके पूर्ण स्थिति निर्धारण

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

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

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