تابع min() در CSS برای محاسبه و بازگرداندن کوچکترین مقدار بین چند مقدار استفاده میشود. این تابع در خصوصیتهایی مانند width, height, padding و margin کاربرد دارد و طراحی responsive و انعطافپذیر را سادهتر میکند. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع min
min(value1, value2, ...)- value1, value2, ...: مقادیری که باید مقایسه شوند. کوچکترین مقدار انتخاب میشود.
مثال عملی تابع min
.box {
width: min(300px, 50%);
height: 100px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| value1, value2, ... | مقادیر قابل مقایسه؛ کوچکترین مقدار انتخاب میشود |
نکات مهم
- تابع min() برای طراحی responsive بسیار کاربردی است.
- میتوان از واحدهای مختلف مانند px, %, em و rem در یک تابع min استفاده کرد.
- ترکیب min با max و clamp انعطافپذیری طراحی را افزایش میدهد.
- مقدار بازگشتی همیشه کوچکترین مقدار بین ورودیهاست.
ادامه آموزش
برای یادگیری کامل توابع ریاضی CSS و کاربرد عملی آنها، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع max در CSS
آموزش بعدی: آموزش تابع invert در CSS
دیدگاه و پرسش