مثال
ضبط خلفية صورة ل <body> العنصر:
body
{
background-image: url("paper.gif");
background-color: #cccccc;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
الخاصية background-صورة تحدد واحدة أو أكثر من الصور الخلفية لعنصر.
خلفية عنصر هو الحجم الكلي للعنصر، بما في ذلك الحشو والحدود (but not the margin) .
افتراضيا، يتم وضع خلفية الصورة في الزاوية العلوية اليسرى من عنصر، وكرر عموديا وأفقيا.
Tip: دائما رقما لون الخلفية لاستخدامها إذا كانت الصورة غير متوفرة.
| القيمة الافتراضية: | none |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS1 + new values in CSS3 |
| جافا سكريبت بناء الجملة: | object .style.backgroundImage="url(smiley.gif)" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: IE8 وفي وقت سابق لا تدعم متعددة خلفية الصور على عنصر واحد.
CSS بناء الجملة
background-image:url|none|initial|inherit;قيم الملكية
| القيمة | وصف |
|---|---|
| url(' URL ') | عنوان URL للصورة. لتحديد أكثر من صورة واحدة، فصل عناوين بفاصلة |
| none | سوف يتم عرض أي صورة الخلفية. هذا هو الافتراضي |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
مجموعة صور متعددة خلفية ل <body> العنصر:
body {
background-image: url("img_tree.gif"),
url("img_flwr.gif");
background-color: #cccccc;
}
انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS الخلفية
CSS3 البرنامج التعليمي: خلفيات CSS3
HTML DOM المرجع backgroundImage property