گیره ()

عملکرد CLAMP () CSS یک مقدار متوسط را در طیف وسیعی از مقادیر بین حداقل محدوده تعریف شده و حداکثر محدود می کند. این تابع سه پارامتر می گیرد: حداقل مقدار ، یک مقدار ترجیحی و حداکثر مقدار مجاز.

امتحانش کن

توجه داشته باشید که استفاده از گیره () برای اندازه فونت ، مانند این مثالها ، به شما امکان می دهد اندازه قلم را تنظیم کنید که با اندازه Viewport رشد می کند ، اما به زیر حداقل اندازه قلم یا بالاتر از حداکثر اندازه قلم نمی رود. بشراین همان اثر کد موجود در تایپوگرافی سیال اما در یک خط و بدون استفاده از نمایش داده های رسانه ای است.

نحو

/ * مقادیر استاتیک */ عرض: گیره(200 پیک,40 ٪,400px); عرض: گیره(20,30 ولت,70); عرض: گیره(10 ولت,20em,100 ولت); / * مقادیر محاسبه شده */ عرض: گیره(حداقل(10 ولت,20),300px, حداکثر(90 ولت,55REM)); عرض: گیره(100 پیروز, کلفت(30 ٪ / 2REM + 10px),900 px); 

مولفه های

عملکرد گیره (Min ، Val ، Max) سه عبارت جدا از کاما را به عنوان پارامترهای آن می پذیرد.

حداقل مقدار کوچکترین (منفی ترین) مقدار است. این محدوده پایین در محدوده مقادیر مجاز است. اگر مقدار ترجیحی کمتر از این مقدار باشد ، از حداقل مقدار استفاده می شود.

مقدار ارجح عبارتی است که مقدار آن تا زمانی که نتیجه بین حداقل و حداکثر مقادیر باشد استفاده می شود.

حداکثر مقدار بزرگترین (مثبت ترین) مقدار بیان است که اگر مقدار ترجیحی از این حد بالایی بیشتر باشد ، مقدار خاصیت به آن اختصاص می یابد.

عبارات می توانند توابع ریاضی باشند (برای کسب اطلاعات بیشتر به کل () مراجعه کنید) ، مقادیر تحت اللفظی ، سایر عبارات که به یک نوع استدلال معتبر (مانند) یا توابع حداقل () و حداکثر () و حداکثر () ارزیابی می کنند. برای عبارات ریاضی ، می توانید بدون استفاده از خود عملکرد Calc () از اضافه ، تفریق ، ضرب و تقسیم استفاده کنید. همچنین ممکن است در صورت لزوم از پرانتز استفاده کنید.

شما می توانید از واحدهای مختلف برای هر مقدار در عبارات و واحدهای مختلف در هر عملکرد ریاضی که هر یک از آرگومان ها را تشکیل می دهد استفاده کنید.

هنگام کار با عملکرد ، جنبه های زیر را در ذهن داشته باشید:

• عبارات ریاضی شامل درصد برای عرض و ارتفاع در ستون های جدول ، گروه های ستون جدول ، ردیف های جدول ، گروه های ردیف جدول و سلولهای جدول در هر دو جداول طرح بندی خودکار و ثابت ممکن است به نظر برسد که گویی خودکار مشخص شده است.
• مجاز به توابع لانه حداکثر () و حداقل () به عنوان مقادیر بیان است ، در این صورت موارد داخلی به عنوان پرانتز ساده رفتار می شوند. عبارات عبارات کامل ریاضی هستند ، بنابراین می توانید بدون استفاده از خود عملکرد کل Calc () از افزودن مستقیم ، تفریق ، ضرب و تقسیم استفاده کنید.
• این عبارت می تواند مقادیر ترکیبی از اضافه ( +) ، تفریق ( -) ، ضرب ( *) و بخش ( /) اپراتورها ، با استفاده از قوانین مقدماتی اپراتور استاندارد باشد. حتماً فضایی را در هر طرف از عملیات + و - قرار دهید. عملیات موجود در عبارت ممکن است هر مقدار نحوی باشد. می توانید از واحدهای مختلف برای هر مقدار در بیان خود استفاده کنید. همچنین ممکن است در صورت لزوم از پرانتز استفاده کنید.
• اغلب اوقات می خواهید از حداقل () و حداکثر () در یک عملکرد گیره () استفاده کنید.

مقدار بازگشت

گیره (حداقل ، وال ، حداکثر) به صورت حداکثر (حداقل ، حداقل (وال ، حداکثر)) برطرف می شود.

بر اساس پارامترهای ارائه شده ، عملکرد باز می گردد ، ، ، ، ، ، یا.

نحو رسمی

= گیره ( # ) = [ [ '+' | '-' ] ]* = [ [ '*' | '/' ] ]* = | | | | ( ) = e | pi | بی نهایت | -بی نهایت | نای

مثال ها

مقایسه حداقل ، حداکثر و گیره

در این مثال ما یک مثال پاسخگو ساده داریم که از Min () ، حداکثر () و گیره () برای برخی از اندازه ها استفاده می کند.

عرض این عنصر به صورت حداقل (1000px ، کالک (70 ٪ + 100px)) تنظیم شده است. این بدان معنی است که عرض در 1000px تنظیم می شود ، مگر اینکه نتیجه کلس (70 ٪ + 100px) کمتر از 1000px باشد ، در این صورت به جای آن روی آن مقدار تنظیم می شود. min () به شما امکان می دهد حداکثر مقدار را تنظیم کنید.

اندازه قلم عنصر به صورت حداکثر (1. 2REM ، 1. 2VW) تنظیم شده است. این بدان معنی است که اندازه قلم در 1. 2REM تنظیم می شود ، مگر اینکه مقدار محاسبه شده 1. 2 ولت از 1. 2REM بیشتر باشد ، در این صورت به جای آن روی آن مقدار تنظیم می شود. حداکثر () به شما امکان می دهد حداقل مقدار را تعیین کنید ، که در مواردی از این دست برای اهداف دسترسی مفید است.

اگر می خواهید با آن بازی کنید ، این مثال را به صورت زنده در Github می یابید.

HTML

h1>آزمون پاسخگو سادهh1> p>Lorem بسیار هویج ، توسعه دهنده کارشناسی گوجه فرنگی. بالینی بالینی ، نوجوانانی که لبخند می زنند یا آرایش زیادی لطفا. اجرای اکولوژیکی تعلیق دره فوتبال بود. Nam Football می خواهد یک عنصر عالی پروتئین این دوره در یک شبکه باشد. به عنوان یک NIBH متغیر ، و نه نویسنده هویج هدفمند Sapien. هدفمند بالینی ، رایگان هر کارتون عناصر ، نه قبل از فارغ التحصیلی لایه ، خود کارآفرینان دره هویج یا آن. چت و گلدان یک والیبال مردانه یا لبخند شناسه است. برای تولید ، سالاد در همیشه موز ، عملکرد الکل را به ساپین و بازیکنان انبوه مدل مو که سالاد هستند ، تحریک می کنند. دستور العمل های ساخت و عنصر ، در زمان بازی. فلفل دلمه ای ، خیلی در فوتبال که ، دروازه من را سس می کند. متأسفانه ، تولید محفوظ است یا بدون SIT ، که عملکردی ندارد. تلفن های هوشمنداکنون نه موریس ، بلکه آنتی اکسیدان ها در بسکتبال به شماره احتیاج ندارند. تغذیه دره قبل یا شرکت هواپیمایی تبلیغاتی ، آن زمان قبل از عزاداری.p> p>منطقه مراقبت از آرایش عدد صحیح ، بدون هیچ شکلاتی یا. اکنون آنتی اکسیدان های فوتبال LOREM. Maecenas طعم sapien کسر ، همیشه خط در ، لرز از. فردا اتحادیه اروپا مخرب در محدوده. کلاس tacitus sociosqu برای پیچاندن ازدواج ما ، توسط مبتدی خود. برای اینکه هیچ یک از اعضای کارتن سالاد یا شناسه رایگان نباشد. NAM هویج مشتری را سرمایه گذاری می کند.p> 

CSS

HTML  فونت:بدون دندانه; > بدنه  لبه:0 خودکار; عرض: حداقل(1000px, کلفت(70 ٪ + 100px)); > h1  فاصله بین حروف:2 عدد; اندازه فونت: گیره(1. 8REM,2. 5 ولت,2. 8); > p  ارتفاع خط:1. 5; اندازه فونت: حداکثر(1. 2rem,1. 2 ولت); > 

مشخصات فنی

سازگاری مرورگر

جداول BCD فقط در مرورگر بارگیری می شود