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সিউডোএলিমেন্ট,
যা প্রথম এলিমেন্টের পরে অবস্থান নির্ধারণ করে
