توابع CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 18 بهمن 1399توابع CSS برای تعیین مقادیر ویژگی است. همچنین می توانید محاسبات ریاضی را انجام دهید ، پرونده اضافه کنید یا جلوه های مختلف تصویر را تنظیم کنید.
استفاده از توابع CSS
توابع CSS وجود دارد اما متفاوت از توابع در JavaScript یا PHP است.
به عنوان مثال ، CSS calc () هنگام تعیین مقادیر ویژگی ، محاسبات ریاضی را انجام می دهد. با استفاده از این عملکرد ، کنترل موقعیت یک عنصر با حاشیه ، عرض تنظیم شده یا ارتفاع عناصر آسان است.
علاوه بر این ، آدرس CSS () برای اضافه کردن یک فایل است ، و عملکرد rgba () برای تنظیم رنگ ها است.
با این حال ، همه توابع در تمام خصوصیات CSS اعمال نمی شوند. CSS Attr () برای بدست آوردن مقادیر صفات عناصر مشخص است. با ویژگی محتوا به خوبی کار می کند اما استفاده از سایر خصوصیات هنوز هم آزمایشی است.
لیست موجود توابع
این یک جدول مرجع از توابع محبوب CSS است:
Description | Function |
یک اثر سایه بر روی تصویر ورودی تنظیم می کند | ()drop-shadow |
رنگ ها را در تصاویر معکوس می کند | ()invert |
عناصر را به دو جهت افقی یا عمودی قرار می دهد | ()translate |
مقادیر خاصیت سفارشی را اضافه کنید | ()var |
پرونده ای اضافه می کند | ()url |
رنگی را با مقدار شفافیت تنظیم می کند | ()rgba |
اثر تاری را تنظیم می کند | ()blur |
شفافیت یک عنصر را تنظیم می کند | opacity |
عناصر را در فضای دو بعدی مقیاس می دهد | ()scale |
صفت مقدار عنصر انتخاب شده را برمی گرداند | ()attr |
به شما امکان می دهد برای تکمیل مقادیر ویژگی CSS محاسبات انجام دهید | ()calc |
تصویر ایجاد شده است ، که رنگها را از یک شیب خطی نشان می دهد | ()linear-gradient |
تصویر ایجاد شده است ، که نمایانگر یک شیب رنگ است که از مرکز شیب تابش می کند | ()radial-gradient |
تصویر ایجاد شده است که شامل تکرار شیب ها است | ()repeating-linear-gradient |
توقف رنگ را به صورت خودکار در هر دو جهت تکرار می کند. مشابه radial_gradient () | ()repeating-radial-gradient |
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟