CSS clamp() فونکشن

تعریف اور استعمال

CSS کا clamp() فونکشن کا استعمال ایک مقدار کو سیٹ کرنا ہوتا ہے جس کا مقدار منظر نامہ کی بڑائی کے مطابق کمترین اور بڑترین مقدار کے درمیان خود بخود طور پر تابع ہوجائے گا.

clamp() فونکشن میں تین پارامتر ہوتے ہیں: کمترین مقدار، ترجیحی مقدار اور بڑترین مقدار۔ اگر ترجیحی مقدار طلب کی گئی گنجائش میں ہو تو براویسر ترجیحی مقدار کو اختیار کریگا؛ نہ تو براویسر کمترین یا بڑترین مقدار کو اختیار کریگا.

مثال

بھیج <h1> علامت کا کمترین فونٹ سائز 2rem، بڑترین فونٹ سائز 3.5rem رکھیں۔ ساتھ ہی <p> علامت کا کمترین فونٹ سائز 1rem، بڑترین فونٹ سائز 2.5rem رکھیں:

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

آپ خود سنجو

CSS گرامر

clamp(کم, ترجیحی, بڑا)

تکنیکی تفصیلات

براویسر کا حمایتی

تبلویغ میزاری کا عدد پہلا براویسر کا کہا جاتا ہے جس میں اس فونکشن کو پورا حمایتی ہوگا.