آموزش تابع Var در CSS

تابع 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;
}

جدول ویژگی‌ها و توضیحات

نکات مهم

• تابع var() برای مدیریت متغیرهای CSS استفاده می‌شود.
• می‌توان از آن برای رنگ‌ها، فونت‌ها، ابعاد و دیگر ویژگی‌های CSS استفاده کرد.
• fallback اختیاری است اما برای جلوگیری از خطا توصیه می‌شود.
• ترکیب var() با دیگر توابع CSS باعث طراحی داینامیک و انعطاف‌پذیر می‌شود.

ادامه آموزش

برای یادگیری کامل متغیرهای CSS و استفاده حرفه‌ای از var، حتماً دوره آموزش CSS را مشاهده کنید.