left প্রপার্টি
left প্রপার্টিটি এলিমেন্টের বাম প্রান্তের অবস্থান নির্ধারণ করে।
প্রপার্টির মানগুলি সাধারণত ব্যবহৃত আকারের একক যেমন পিক্সেল, ইঞ্চি, পয়েন্ট,
শতাংশ ইত্যাদিতে লেখা যেতে পারে। নির্ধারিত মানগুলি ঋণাত্মক সংখ্যাও হতে পারে,
এই ক্ষেত্রে এলিমেন্টগুলি একে অপরের উপর চাপা দেবে। স্থানাঙ্কের গণনা
position প্রপার্টি দ্বারা নির্ধারিত হয়, যা সাধারণত
relative (আপেক্ষিক অবস্থান) বা absolute (পরম অবস্থান)
মান নেয়।
সিনট্যাক্স
সিলেক্টর {
left: আকার বা 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 {
left: 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 {
left: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
আরও দেখুন
-
bottomপ্রপার্টি,
যা এলিমেন্টের নীচের প্রান্তের অবস্থান নির্ধারণ করে -
topপ্রপার্টি,
যা এলিমেন্টের উপরের প্রান্তের অবস্থান নির্ধারণ করে -
rightপ্রপার্টি,
যা এলিমেন্টের ডান প্রান্তের অবস্থান নির্ধারণ করে -
::backdropসিউডো-এলিমেন্ট,
যা প্রথম এলিমেন্টের পরে অবস্থান নির্ধারণ করে
