সিএসএস

🌈সিএসএস কি?

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

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

সিএসএস সমূহ

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

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

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

css

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

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

</body>
</html>

max-width - সর্বোচ্চ প্রস্থ নির্ধারণ করার উদাহরণ।

css

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

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

</body>
</html>

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

css

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

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

</body>
</html>

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

css

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

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

</body>
</html>

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

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

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