استعمال المتغيرات في CSS4







في CSS4 أحد أبرز المميزات هي المتغيرات نعم تستطيع تحديد متغيرات كما في الجافا سكربت أو أي لغة برمجة أخرى. ما فائدة المتغيرات في CSS4 ؟ المتغيرات ستساعدك في في تقليل حجم العمل وإعادة كتابة كود مئات المرات يكفي أن تحدده مرة واحدة فقط ثم تستطعيه ويمكنك تخزين أي شيء داخل المتغير.

لتحديد متغير يكفيك ات تحدد أين سيعمل مثلا في كامل الوثيقة بوضع :root وتضع أي إسم مسبوق بـ -- والقيمة:

رمز Code:
:root {
--color : #ccc;
}

لإستدعاء المتغير ببساطة تظعه داخل var(هنا) في المكان الذي تريد:

رمز Code:
div {
color: var(--color);
}

http://www.traidnt.net/vb/traidnt2670858/