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

सीएसएस स्थिति:स्थिर;

<घंटा/>

स्थिति:स्थिर; संपत्ति एक स्थिर तत्व की स्थिति निर्धारित करती है, जो कि डिफ़ॉल्ट है।

उदाहरण

ऊपर, नीचे, बाएँ और दाएँ गुण स्थिर स्थित तत्वों को प्रभावित नहीं करते हैं। आप सीएसएस को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं स्थिति:स्थिर; संपत्ति

<!DOCTYPE html>
<html>
   <head>
      <style>
         div.static {
            position: static;
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <h1>Positioning Element</h1>
         <div class="static">
            div element with position: static;
         </div>
   </body>
</html>

आउटपुट

सीएसएस स्थिति:स्थिर;


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

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

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

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

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

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