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

सीएसएस के साथ पूर्ण स्थिति निर्धारण


एक तत्व के साथ स्थिति: पूर्ण आपकी स्क्रीन के ऊपरी-बाएँ कोने के सापेक्ष निर्दिष्ट निर्देशांक पर स्थित है।

आप दो मानों का उपयोग कर सकते हैं शीर्ष और बाएं स्थिति . के साथ HTML दस्तावेज़ में कहीं भी HTML तत्व को स्थानांतरित करने के लिए संपत्ति।

  • बाएं ले जाएं - बाएं के लिए ऋणात्मक मान का उपयोग करें।
  • दाएं ले जाएं - बाएं के लिए धनात्मक मान का उपयोग करें
  • ऊपर ले जाएं - शीर्ष के लिए ऋणात्मक मान का उपयोग करें।
  • नीचे ले जाएं - शीर्ष . के लिए धनात्मक मान का उपयोग करें

उदाहरण

आप पूर्ण स्थिति को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -

<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>

  1. CSS के साथ फ्लोटिंग एलिमेंट्स

    CSS फ्लोट प्रॉपर्टी का उपयोग किसी बॉक्स या सामग्री की स्थिति या स्वरूपण के लिए किया जाता है। CSS फ्लोट के साथ डेवलपर तत्व को बाएँ या दाएँ स्थान दे सकता है। फ्लोट प्रॉपर्टी में निम्न में से कोई एक मान हो सकता है - बाएं - तत्व अपने कंटेनर के बाईं ओर तैरता है दाएं - तत्व अपने कंटेनर के दाईं ओर तैरता

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

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

  1. सीएसएस के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    CSS एनिमेशन संयोजन, घुमाकर और अनुवाद करके तत्वों को विभिन्न तरीकों से बदलने में हमारी सहायता कर सकते हैं। निम्नलिखित उदाहरण बताते हैं कि हम किसी तत्व को वृत्ताकार पथ में कैसे घुमा सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;   &n