CSS clamp() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS-র clamp() ফাংশনটি একটি মান নির্ধারণ করে যা ভিউপোর্টের মাপ অনুযায়ী ন্যূনতম মান থেকে সর্বোচ্চ মানের মধ্যে স্বতঃস্ফূর্তভাবে সময়ের সাথে পরিবর্তিত হবে。

clamp() ফাংশনটির তিনটি পারামিটার আছে: ন্যূনতম মান, পছন্দ মান এবং সর্বোচ্চ মান। যদি পছন্দ মান নির্দিষ্ট করা হয়েছে, তবে ব্রাউজার পছন্দ মান বেছে নেবে; না তবে, ব্রাউজার ন্যূনতম মান বা সর্বোচ্চ মান বেছে নেবে。

উদাহরণ

সর্বনিম্ন ফন্ট মাপ 2rem এবং সর্বোচ্চ ফন্ট মাপ 3.5rem হিসাবে <h1> ইলেকট্রনিক এলিমেন্টের মূল্য নির্ধারণ করুন। সময়ের সাথে <p> ইলেকট্রনিক এলিমেন্টের সর্বনিম্ন ফন্ট মাপ 1rem এবং সর্বোচ্চ ফন্ট মাপ 2.5rem হিসাবে নির্ধারণ করুন:

h1 {
  font-size: clamp(2rem, 2.5vw, 3.5rem);
}
p {
  font-size: clamp(1rem, 2.5vw, 2.5rem);
}

আপনার নিজের চেষ্টা করুন

CSS সংজ্ঞা

clamp(min, preferred, max)

তকনীকী বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম সম্পূর্ণরূপে এই ফাংশনটি সমর্থনকারী ব্রাউজারের সংস্করণকে দেখায়。