সিএসএস

🌈সিএসএস কি?

📋সিএসএস হলো সর্বনিম্ন মাপ নির্দিষ্ট করার পদ্ধতি।

⚒️সিএসএস সর্বনিম্ন মাপ নির্দিষ্ট করতে ব্যবহৃত হয়।

সিএসএস সমূহ

সিএসএস এবং সেগুলোর ব্যবহারের তালিকা

➡️ min-height - সর্বনিম্ন উচ্চতা নির্ধারণ করা
➡️ min-width - সর্বনিম্ন প্রস্থ নির্ধারণ করা
➡️ min-block-size - ব্লক দিকের সর্বনিম্ন আকার নির্ধারণ করা
➡️ min-inline-size - ইনলাইন দিকের সর্বনিম্ন আকার নির্ধারণ করা

min-height - সর্বনিম্ন উচ্চতা নির্ধারণ করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 250px;
  min-height: 100px;
  overflow: auto;
  padding: 10px;
  border: 2px solid blue;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

min-width - সর্বনিম্ন প্রস্থ নির্ধারণ করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 500px;
  min-width: 250px;
  padding: 20px;
  border: 2px solid blue;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

min-block-size - ব্লক দিকের সর্বনিম্ন আকার নির্ধারণ করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
div {
  min-block-size: 100px;
  overflow: auto;
  padding: 10px;
  border: 2px solid blue;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

min-inline-size - ইনলাইন দিকের সর্বনিম্ন আকার নির্ধারণ করার উদাহরণ।

css

<!DOCTYPE html>
<html>
<head>
<style>
div {
  min-inline-size: 250px;
  padding: 20px;
  border: 2px solid blue;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

সিএসএস সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম	বিবরণ
min-height	সর্বনিম্ন উচ্চতা নির্ধারণ করতে ব্যবহৃত হয়।
min-width	সর্বনিম্ন প্রস্থ নির্ধারণ করতে ব্যবহৃত হয়।
min-block-size	ব্লক দিকের সর্বনিম্ন আকার নির্ধারণ করতে ব্যবহৃত হয়।
min-inline-size	ইনলাইন দিকের সর্বনিম্ন আকার নির্ধারণ করতে ব্যবহৃত হয়।