CSS अप्रत्यक्ष स्थानीयकरण

अप्रत्यक्ष स्थानीयकरण से सेट किए गए एलीमेंट के बॉक्स को किसी निश्चित दूरी की ओर बढ़ाया जाएगा।एलीमेंट अपने अवरोधक स्थानीयकरण से पहले की आकृति को बनाए रखता है और इसके पहले दूरी को अवश्यः बनाए रखता है。

CSS अप्रत्यक्ष स्थानीयकरण

अप्रत्यक्ष स्थानीयकरण एक बहुत ही आसान संकल्पन है।यदि किसी एलीमेंट को अप्रत्यक्ष स्थानीयकरण किया जाता है, तो यह उसके स्थान पर दिखाई देगा।तब, इस एलीमेंट को वर्गीय या सतहभर स्थान को सेट करके, इसे उसके आरंभिक स्थान के अप्रत्यक्ष स्थानीयकरण के लिए साज्जित किया जा सकता है。

यदि top को 20px कर दिया जाता है, तो बॉक्स पूर्व स्थान के ऊपरी दिशा में 20 पिक्सल की दूरी पर होगा।यदि left को 30 पिक्सल कर दिया जाता है, तो एलीमेंट के बाईं पक्ष पर 30 पिक्सल का स्थान बनाया जाएगा, अर्थात एलीमेंट को दाईं ओर खिस्काया जाएगा。

#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}

इस तरह के चित्र में दिखाया गया है:

CSS अप्रत्यक्ष स्थानीयकरण उदाहरण

ध्यान दें कि, अप्रत्यक्ष स्थानीयकरण का उपयोग करते समय, चयनक किसी भी रूप में गतिशील होने के बाद भी, एलीमेंट अपनी पूर्व स्थिति के अनुसार स्थान को अवश्यः ले लेता है।इसलिए, एलीमेंट को गतिशील करने से यह दूसरे बॉक्स को आवर्न कर सकता है。

CSS अप्रत्यक्ष स्थानीयकरण उदाहरण

स्थानीयकरण: अप्रत्यक्ष स्थानीयकरण
इस उदाहरण में, एक एलीमेंट के सामान्य स्थान के अप्रत्यक्ष स्थानीयकरण का प्रदर्शन किया जाता है。