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

सीएसएस स्थिति:निश्चित;

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div{
            position: fixed;
            bottom: 0;
            right: 0;
            width: 200px;
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>position: fixed;</h2>
      <p>The position: fixed; property allows you to position element relative to the viewport.</p>
      <div>
         div has position: fixed;
      </div>
   </body>
</html>

आउटपुट

सीएसएस स्थिति:निश्चित;


  1. CSS का उपयोग करके फिक्स्ड पोजिशनिंग CSS का उपयोग करके फिक्स्ड पोजिशनिंग

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

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

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

  1. पता लगाएं कि सीएसएस स्थिति में कोई तत्व कब ठीक हो जाता है:इंटरसेक्शन ऑब्जर्वर का उपयोग करके चिपचिपा पता लगाएं कि सीएसएस स्थिति में कोई तत्व कब ठीक हो जाता है:इंटरसेक्शन ऑब्जर्वर का उपयोग करके चिपचिपा

    स्टिकी पोजीशन वाले एलीमेंट में विभिन्न CSS स्टाइल्स को लागू करके, हम आसानी से इसका पता लगा सकते हैं। निम्न उदाहरण इस गुण को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #first {    background-color: lightgrey;    height: 10px; } #navbar-top {