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

सीएसएस में स्टेटिक पोजिशनिंग

<घंटा/>

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

उदाहरण

आइए अब एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
div.static {
   position: static;
   color: white;
   background-color: orange;
   border: 2px dashed blue;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<p>This is demo text.</p>
<p>This is demo text.</p>
<div class="static">
position: static;
</div>
<p>This is another demo text.</p>
</body>
</html>

आउटपुट

सीएसएस में स्टेटिक पोजिशनिंग


  1. सीएसएस में पूर्ण स्थिति

    पूर्ण स्थिति के साथ, एक तत्व निकटतम स्थित पूर्वज के सापेक्ष स्थित होता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div.demo1 {    position: relative;    color: white;    background-color: orange;    border

  1. सीएसएस में सापेक्ष स्थिति

    सापेक्ष स्थिति के साथ, तत्व अपनी सामान्य स्थिति के सापेक्ष स्थित होता है। इसके लिए स्थिति:सापेक्ष . का उपयोग करें उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div.demo {    position: relative;    color: white;    backgr

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

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