مثال
تعيين لون الخلفية من عناصر مختلفة:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
وخاصية background-color تحدد لون خلفية عنصر.
خلفية عنصر هو الحجم الكلي للعنصر، بما في ذلك الحشو والحدود (but not the margin) .
Tip: استخدم لون الخلفية ولون النص الذي يجعل النص سهلة القراءة.
| القيمة الافتراضية: | transparent |
|---|---|
| وارث: | no |
| Animatable: | yes. Read about animatable Try it |
| الإصدار: | CSS1 |
| جافا سكريبت بناء الجملة: | object .style.backgroundColor="#00FF00" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS بناء الجملة
background-color:color|transparent|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| color | يحدد لون الخلفية. انظروا إلى قيم اللون CSS للحصول على قائمة كاملة من القيم الألوان الممكنة. | العبها " |
| transparent | يحدد أن لون الخلفية ينبغي أن تكون شفافة. هذا هو الافتراضي | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
صفحات ذات صلة
درس CSS: CSS الخلفية
HTML DOM إشارة: backgroundColor property