स्टाइल स्थानांतरण गुण

परिभाषा और उपयोग

स्थानांतरण स्थानांतरण विधि (स्थिर, सामान्य, अभिनियत या निर्धारित) के लिए वस्तु के लिए प्रयोग करने वाले या प्राप्त करने वाले गुण को सेट करें。

अन्य संदर्भ:

CSS शिक्षा：CSS स्थानांतरण

CSS संदर्भ दस्तावेज़：position गुण

उदाहरण

उदाहरण 1

<div> एलिमेंट के स्थानीयकृत को सामान्य स्थानीयकृत से fixed स्थानीयकृत में परिवर्तित करें:

document.getElementById("myDIV").style.position = "absolute";

अपने आप प्रयास करें

उदाहरण 2

विभिन्न स्थानीयकृत करने के तरीके

function myFunction(x)  {
  var whichSelected = x.selectedIndex;
  var posVal = x.options[whichSelected].text;
  var elem = document.getElementById("myDiv");
  elem.style.position = posVal;
}

अपने आप प्रयास करें

उदाहरण 3

वापसी मान <h2> एलिमेंट के स्थानीयकृत करना:

alert(document.getElementById("myH2").style.position);

अपने आप प्रयास करें

व्याकरण

position गुण वापसी मान देता है:

object.style.position

position गुण सेट करना:

object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"

गुण मान

मान वर्णन
static एलिमेंट उनके दस्तावेज़ में दिखाई देने की क्रमिक अनुक्रम के अनुसार प्रदर्शित होते हैं। डिफ़ॉल्ट。
absolute एलिमेंट अपने पहले स्थानीयकृत (गैर-स्टैटिक) पूर्ववर्ती एलिमेंट के अनुसार स्थानीयकृत होते हैं।
fixed एलिमेंट ब्राउज़र विंडो के अनुसार स्थानीयकृत होते हैं।
relative

एलिमेंट अपने सामान्य स्थान के अनुसार स्थानीयकृत होते हैं।

इसलिए "left:20" एलिमेंट के बाएँ स्थान को 20 पिक्सल बढ़ाएगा।
sticky

एलिमेंट उपयोगकर्ता के गतिशील स्थान के अनुसार स्थानीयकृत होते हैं।

स्टिकी एलिमेंट गतिशील स्थान और fixed के बीच परिवर्तित होते हैं।

यह अपने दृश्यमान स्थान में आगे चलता है, जब तक कि इसे दिया गया गतिशील स्थान नहीं मिलता - फिर यह उस स्थान पर "जड़ता" (जैसे position:fixed)।

टिप्पणी：IE/Edge 15 या अधिक पुरानी संस्करण इसे समर्थित नहीं करते। Safari 6.1 से वेबकिट प्रिफ़िक्स को समर्थित करना शुरू कर दिया।
initial इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial。
inherit इस गुण को उसके पिता एलिमेंट से अनुवर्तित करें। देखें inherit。

तकनीकी विवरण

डिफ़ॉल्ट मान： static
वापसी मान： शब्द, जो एलिमेंट के स्थानांतरण प्रकार को प्रतिनिधित्व करता है。
CSS संस्करण： CSS2

ब्राउज़र समर्थन

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन