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

सीएसएस के साथ सापेक्ष स्थिति

सापेक्ष स्थिति HTML तत्व की स्थिति को उस स्थान के सापेक्ष बदल देती है जहां वह सामान्य रूप से दिखाई देता है। तो "बाएं:20" तत्व की बाईं स्थिति में 20 पिक्सेल जोड़ता है।

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

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

उदाहरण

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

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

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

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

  1. सापेक्ष स्थिति निर्धारण सीएसएस में कार्य करना

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

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

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