تابع var() در CSS برای استفاده از متغیرهای CSS تعریف شده با --custom-property استفاده میشود. این تابع به شما امکان میدهد تا مقادیر تکراری را مدیریت کرده و طراحی وب را به صورت داینامیک و حرفهای انجام دهید. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع var
var(--variable-name, fallback)- --variable-name: نام متغیر CSS
- fallback: مقدار پیشفرض در صورت عدم وجود متغیر (اختیاری)
مثال عملی تابع var
:root {
--main-color: #3498db;
}
.box {
background-color: var(--main-color, red);
width: 200px;
height: 200px;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| --variable-name | نام متغیر CSS تعریف شده |
| fallback | مقدار پیشفرض در صورت عدم تعریف متغیر |
نکات مهم
- تابع var() برای مدیریت متغیرهای CSS استفاده میشود.
- میتوان از آن برای رنگها، فونتها، ابعاد و دیگر ویژگیهای CSS استفاده کرد.
- fallback اختیاری است اما برای جلوگیری از خطا توصیه میشود.
- ترکیب var() با دیگر توابع CSS باعث طراحی داینامیک و انعطافپذیر میشود.
ادامه آموزش
برای یادگیری کامل متغیرهای CSS و استفاده حرفهای از var، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع Skew در CSS
آموزش بعدی: لیست توابع CSS
دیدگاه و پرسش