left প্রপার্টি

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

সিনট্যাক্স

cssসিলেক্টর {
  left: আকার বা 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 {
  left: 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 {
  left: -50px;
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

Результат:

আরও দেখুন