دليل مرجعي لـ CSS

قواعد CSS (RULES)

يحدد ميزة background-color الخاصة بـ CSS لون الخلفية للعنصر. يمكنك تعيين لون الخلفية باستخدام قيمة اللون أو الكلمة المفتاحية "transparent".

مقدار الخلفية للعنصر هو حجم العنصر الكلي، بما في ذلك الحشو والهوامش (لكن لا يشمل الهوامش). انظرنموذج الصندوق。

الجدول أدناه يلخص سياق الاستخدام التطبيقي وتاريخ الإصدارات لهذه الخاصية.

القيمة الافتراضية:	transparent
يُستخدم في:	جميع العناصر
الوراثة:	لا
يمكن تحريكها:	نعم.يرجى الرجوع إلى خصائص التحريك。
الإصدار:	CSS 1،2،3
نحو JavaScript:	object　　　object.style.backgroundColor="#00FF00"

نص النحو لهذه الخاصية هو:

background-color:　color　|　transparent　|　initial　|　inherit

الشكل أدناه يوضح كيفية استخدام خاصية background-color.

مثال

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

يصف الجدول أدناه قيم هذه الخاصية.

القيمة	الوصف
color	تحديد لون الخلفية. انظرقيم الألوان CSSللحصول على قائمة بالألوان المحتملة.
transparent	قم بتعيين background-color إلى شفاف، مما يجعل محتويات العنصر وعرضه يمكن رؤيته تحت الخلفية الشفافة. هذا هو القيمة الافتراضية.
initial	قم بتعيين هذه الخاصية إلى قيمتها الافتراضية.
inherit	إذا تم تحديدها، فإن العناصر المرتبطة تستخدم قيمة حساب الخاصية background-color للعنصر الأم.

توافق متصفحات background-color الخاصية، جميع المتصفحات الرئيسية تدعم هذه الخاصية.

	Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+ Opera 3.5+

يرجى الرجوع إلى التعليمات التالية:CSS Background،CSS3 Background。