أحدث البرامج التعليمية وتطوير الشبكة
 

Style background Property

<كائن نمط

مثال

أسلوب خلفية الوثيقة:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

مجموعات خلفية الممتلكات أو عائدات تصل إلى ثمانية خصائص الخلفية منفصلة، ​​في شكل اختصار.

مع هذه الخاصية، يمكنك ضبط / عودة واحد أو أكثر من الإجراءات التالية (في أي ترتيب):

  • لون الخلفية
  • الصورة الخلفية
  • تكرار الخلفية
  • مرفق الخلفية
  • خلفية موقف
  • خلفية الحجم
  • خلفية الأصل
  • خلفية كليب

ويمكن أيضا خصائص فوق توضع مع خصائص أسلوب منفصلة. استخدام خصائص منفصلة ينصح بشدة للمؤلفين غير متقدمة لتحسين التحكم.


دعم المتصفح

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

خاصية
background 1.0 4.0 1.0 1.0 3.5

ملاحظة: انظر دعم المتصفح الفردية لكل قيمة أقل.


بناء الجملة

إعادة الممتلكات الخلفية:

object .style.background

تعيين الخاصية الخلفية:

object .style.background=" قيم الممتلكات
القيمة وصف
color تعيين لون الخلفية عنصر
image تعيين صورة خلفية لعنصر
repeat يحدد كيف سيتم تكرار صورة الخلفية
attachment يحدد ما إذا تم إصلاح صورة خلفية أو اللفائف مع الصفحة
position تحدد نقطة الانطلاق من صورة خلفية
size يحدد حجم صورة خلفية
origin يحدد منطقة المواقع الخلفية
clip يحدد منطقة اللوحة من صورة خلفية
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: لا شيء شفاف تكرار التمرير 0٪ 0٪ مربع الحدود السيارات الحشو مربع
قيمة الإرجاع: سلسلة تمثل خلفية عنصر
صفحة CSS CSS1 + جديدة العقارات في CSS3

مزيد من الأمثلة

مثال

تغيير خلفية عنصر DIV:

document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";
انها محاولة لنفسك »

مثال

تعيين لون الخلفية للمستند:

document.body.style.backgroundColor = "red";
انها محاولة لنفسك »

مثال

تعيين صورة خلفية للمستند:

document.body.style.backgroundImage = "url('img_tree.png')";
انها محاولة لنفسك »

مثال

تعيين خلفية الصورة لعدم تكرار:

document.body.style.backgroundRepeat = "repeat-y";
انها محاولة لنفسك »

مثال

تعيين خلفية الصورة لتكون ثابتة (will not scroll) :

document.body.style.backgroundAttachment = "fixed";
انها محاولة لنفسك »

مثال

تغيير موضع خلفية صورة:

document.body.style.backgroundPosition = "top right";
انها محاولة لنفسك »

مثال

العودة قيم الخاصية خلفية الوثيقة:

document.body.style.background;
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS الخلفية

CSS3 البرنامج التعليمي: خلفيات CSS3

CSS إشارة: background property


<كائن نمط