right प्रॉपर्टी

right प्रॉपर्टी एलिमेंट के राइट एज की पोजीशन सेट करती है। प्रॉपर्टी के लिए वैल्यू साइज की सामान्य यूनिट्स में दी जा सकती हैं, उदाहरण के लिए, पिक्सेल, इंच, पॉइंट, प्रतिशत में। दी गई वैल्यू नेगेटिव नंबर भी हो सकती हैं, इस स्थिति में एलिमेंट एक दूसरे पर ओवरलैप होंगे। निर्देशांक की गणना position प्रॉपर्टी द्वारा निर्धारित होती है, जो आमतौर पर relative (रिलेटिव पोजीशन) या absolute (एब्सोल्यूट पोजीशन) वैल्यू लेती है।

सिंटैक्स

सिलेक्टर {
	right: साइज या auto;
}

उदाहरण

आइए चाइल्ड एलिमेंट पर हॉवर करने पर उसके राइट बॉर्डर की पोजीशन 25px के बराबर सेट करें:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-left: 50px;
}
p:hover {
	right: 25px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

उदाहरण

और अब हॉवर करने पर चाइल्ड एलिमेंट का राइट बॉर्डर -50px पर लोकेटेड हो:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-left: 50px;
}
p:hover {
	right: -50px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

यह भी देखें

bottom प्रॉपर्टी,
जो एलिमेंट के बॉटम एज की पोजीशन सेट करती है
top प्रॉपर्टी,
जो एलिमेंट के टॉप एज की पोजीशन सेट करती है
left प्रॉपर्टी,
जो एलिमेंट के लेफ्ट एज की पोजीशन सेट करती है
::backdrop प्स्यूडोएलिमेंट,
जो पहले एलिमेंट के बाद लोकेशन सेट करता है