تعتبر المتغيرات أهم ميزة في اللغات البرمجية
الأنماط الإنسيابية ccs3 تحاكي لغاة البرمجة في إقتباس هده الميزة اللتي ستعطي دفعة جديدة لمبدعي التصميم

الشرح :




1 - طريقة كتابة المتغير

يكتب المتغير كأي توصيف للعنصر مع زيادة الرمز -- قبل إسم المتغير

--size1:320px;

المتغير هو size1 و قيمته 320px


2 - مكان كتابة المتغير

يجب كتابة المتغير داخل تعريف العنصر اللدي نريد إستخدامه فيه أو في عنصر أعلى ( يضم العنصر اللدي سيتم إستدعاء المتغير فيه )




يمكن جعل المتغير عام و دلك بإدراجه في تعريف html أو body أو root




في هده الحالة سيمكنك إستدعاء قيمة المتغير داخل تعريف css لأي عنصر

3 - طريقة جلب قيمة المتغير

يتم جلب قيمة المتغير للتوصيف عن طريق وضعها داخل دالة var() بهدا الشكل

width : var(--size1);

إستدعاء قيمة المتغير من تعريف عنصر أعلى




يمكن تعيين قيمة متغير للإستخدام العام في css عن طريق javascript كالتالي

document.documentElement.style.setProperty('--thevar',"#aeeea7");

....