सीएसएस स्थिति गुण HTML पृष्ठ पर किसी तत्व की स्थिति को संशोधित करता है। ऊपर, दाएं, बाएं और नीचे के गुण परिभाषित करते हैं कि बॉक्स के किनारे के सापेक्ष एक तत्व कहाँ स्थित है। स्थिति CSS संपत्ति के पाँच मान हैं:स्थिर, स्थिर, सापेक्ष, चिपचिपा और निरपेक्ष।
विशिष्टताओं के आधार पर तत्वों को सही स्थान पर रखना अच्छे वेब डिज़ाइन का एक महत्वपूर्ण हिस्सा है।
यही वह जगह है जहां सीएसएस स्थिति संपत्ति आती है। स्थिति संपत्ति में पांच मान होते हैं जिनका उपयोग आप यह परिभाषित करने के लिए कर सकते हैं कि किसी तत्व को वेब पेज पर कैसे रखा जाना चाहिए।
यह ट्यूटोरियल उदाहरणों के साथ चर्चा करेगा कि वेब पेज पर किसी तत्व की स्थिति के लिए स्थिति संपत्ति का उपयोग कैसे करें। इस ट्यूटोरियल को पढ़ने के बाद, आप CSS में वेब पेज पर तत्वों को पोजिशन करने के लिए पोजीशन प्रॉपर्टी का उपयोग करने में विशेषज्ञ होंगे।
सीएसएस स्थिति
स्थिति संपत्ति आपको वेब पेज पर किसी तत्व की स्थिति को परिभाषित करने की अनुमति देती है। स्थिति संपत्ति के लिए वाक्य रचना इस प्रकार है:
<पूर्व>स्थिति:स्थिति प्रकार;ऐसी कई स्थितियां हैं जहां स्थिति संपत्ति उपयोगी हो सकती है। उदाहरण के लिए, आप तय कर सकते हैं कि आप इसे एक नेविगेशन बार डिज़ाइन करना चाहते हैं, जो कि पृष्ठ के निचले भाग में तय किया गया है।
वेब पेज पर तत्व की स्थिति निर्धारित करने के लिए आप पांच मानों का उपयोग कर सकते हैं:
- स्थिर
- तय
- रिश्तेदार
- चिपचिपा
- बिल्कुल
ऊपर दिए गए पांच मानों में से किसी एक का उपयोग करके, आप निर्दिष्ट कर सकते हैं कि किसी तत्व को किस प्रकार स्थित किया जाना चाहिए। आप पृष्ठ पर तत्व की स्थिति को और अधिक परिभाषित करने के लिए ऊपर, नीचे, बाएँ और दाएँ गुणों का उपयोग कर सकते हैं। हम इस लेख के लिए हमारे उदाहरणों में चर्चा करेंगे कि यह कैसे काम करता है।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
सीएसएस स्थिति मान
हम यह पता लगाना शुरू कर सकते हैं कि स्थिति संपत्ति के प्रत्येक संभावित मूल्यों का उपयोग कैसे किया जाए। आइए प्रत्येक मान के उदाहरण के माध्यम से चलते हैं जिसका उपयोग आप स्थिति संपत्ति के साथ कर सकते हैं।
स्थिर स्थिति
HTML तत्व डिफ़ॉल्ट रूप से स्थिर के रूप में स्थित होते हैं। इसका मतलब है कि एक तत्व ऊपर, नीचे, बाएँ और दाएँ CSS गुणों से प्रभावित नहीं होता है। ब्राउज़र स्वचालित रूप से तत्वों को स्थिर स्थिति में प्रस्तुत करता है जब तक कि कोड अन्यथा इंगित न करे।
उदाहरण के लिए, मान लीजिए कि हम एक बॉक्स डिजाइन कर रहे हैं जिसमें कुछ टेक्स्ट है। यदि हम डिफ़ॉल्ट स्थिति का उपयोग करके इस बॉक्स की सामग्री को स्थान देना चाहते हैं, तो हम इस कोड का उपयोग कर सकते हैं:
यह एक पोजिशन्ड बॉक्स है।