انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: المتغيرات في لغة CSS

CSS local variable المتغير من النوع local في لغة CSS

سوف تتعلم في هذا الدرس دالة var في لغة CSS ووظيفيتها وكيف يمكن عمل style ديناميكي واستخدامه عدة مرات.

1 صفوف تعليمية
لغة CSS
4,260 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

دالة ( ) var لها مميزات تساعدنا في كتابة اكواد css فهي تساعدنا في 

  • تجعل الكود سهل الفهم والقراءة 
  • تجعل تغيير الوان العناصر اسهل من ذي قبل

Can not access local in another declaration block

لا يمكن استخدام متغير داخل declaration block أخر لأنه متغير محلي في لغة CSS.

HTML 
.container {
  --template: #0984e3;
  color: var(--template);
  background-color: var(--white);
  padding: 15px;
  margin-top:10px;
}

h1 
{
  color:var(--template);
}

CSS local variable

المتغير من النوع local في لغة CSS.

HTML 
.container {
  --template: #0984e3;
  color: var(--template);
  background-color: var(--white);
  padding: 15px;
  margin-top:10px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (المتغيرات في لغة CSS)