bottom বৈশিষ্ট্য

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

সিনট্যাক্স

সিলেক্টর {
	bottom: পরিমাপের একক সহ সংখ্যা অথবা 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-top: 50px;
}
p:hover {
	bottom: 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-top: 50px;
}
p:hover {
	bottom: -50px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

আরও দেখুন

top বৈশিষ্ট্য,
যা একটি উপাদানের শীর্ষ প্রান্তের অবস্থান নির্ধারণ করে
left বৈশিষ্ট্য,
যা একটি উপাদানের বাম প্রান্তের অবস্থান নির্ধারণ করে
right বৈশিষ্ট্য,
যা একটি উপাদানের ডান প্রান্তের অবস্থান নির্ধারণ করে
::backdrop pseudoelement,
যা প্রথম উপাদানের পরে অবস্থান নির্ধারণ করে
caption-side বৈশিষ্ট্য,
যা একটি টেবিলের শিরোনামের অবস্থান নির্ধারণ করে