right বৈশিষ্ট্য

right বৈশিষ্ট্য এলিমেন্টের ডান প্রান্তের অবস্থান নির্ধারণ করে। বৈশিষ্ট্যের মানগুলি সাধারণত ব্যবহৃত আকারের একক যেমন পিক্সেল, ইঞ্চি, পয়েন্ট, শতাংশ ইত্যাদিতে লেখা যেতে পারে। নির্ধারিত মানগুলি ঋণাত্মক সংখ্যাও হতে পারে, এই ক্ষেত্রে এলিমেন্টগুলি একে অপরের ওপর ওভারল্যাপ করবে। স্থানাঙ্কের গণনা position বৈশিষ্ট্য দ্বারা নির্ধারিত হয়, যা সাধারণত relative (আপেক্ষিক অবস্থান) বা absolute (সম্পূর্ণ অবস্থান) মান নেয়।

সিনট্যাক্স

cssসিলেক্টর {
  right: আকার বা auto;
}

উদাহরণ

চাইল্ড এলিমেন্টে হোভার করলে এর ডান সীমানার অবস্থান 25px সেট করা যাক:

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

css#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 হবে:

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

css#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;
}

Результат:

আরো দেখুন