خصائص background-color CSS

التعريف والاستخدام

background-color يحدد خاصية الخلفية اللون للعنصر.

نطاق خلفية العنصر

background-color لإعداد لون خلفية العنصر. هذا اللون سيملأ محتوى العنصر والنص الداخلي والجدار الخارجي، وسيتمدد إلى الحافة الخارجية للعنصر (ولكن ليس الهوامش الخارجية). إذا كان لدى الحدود جزء شفاف (مثل جدار ناصف)، فإن اللون الخلفي سيظهر من خلال هذه الأجزاء الشفافة.

قيمة شفاف

على الرغم من أن ليس من الضروري استخدام شفافلكن إذا كنت لا ترغب في أن يكون لديك عنصر مع خلفية اللون، ولاتريد أن يؤثر إعداد الألوان للمستخدم على تصميمك، فإن شفاف القيمة مهمة.

انظر أيضًا:

دليل CSSخلفية CSS

دليل HTML DOMخاصية backgroundColor

مثال

ضبط لون الخلفية للأعمدة المختلفة:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

جرب بنفسك

قواعد اللغة CSS

background-color: اللون|شفاف|افتراضي|inherit;

قيمة الخاصية

القيمة الوصف
color_name يحدد لون الخلفية كقيمة اسم اللون (مثل red).
hex_number يحدد لون الخلفية كقيمة تسلسل عشري (مثل #ff0000).
rgb_number يحدد لون الخلفية كقيمة rgb (مثل rgb(255,0,0)).
شفاف افتراضي. لون الخلفية شفاف.
inherit يحدد يجب أن تورث إعداد خاصية background-color من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: شفاف
التنسيق: no
الإصدار: CSS1
قواعد اللغة الجافا سكربت: object.style.backgroundColor="#00FF00"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5