مثال
تغيير موضع خلفية صورة:
document.body.style.backgroundPosition = "top right"; انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
مجموعات الملكية backgroundPosition أو ترجع موقف خلفية-الصورة داخل عنصر.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
إعادة الممتلكات backgroundPosition:
object .style.backgroundPosition
تعيين الخاصية backgroundPosition:
object .style.backgroundPosition= value قيم الممتلكات
| القيمة | وصف |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | إذا كنت فقط تحديد كلمة رئيسية واحدة، ستكون قيمة أخرى "center" . |
| x% y% | وتشير قيمة س في وضع أفقي والقيمة ذ يشير إلى الوضع الرأسي. أعلى الزاوية اليسرى هو 0٪ 0٪. الزاوية السفلية اليمنى 100٪ 100٪. إذا قمت بتحديد قيمة واحدة فقط، سوف تكون القيمة 50٪ الأخرى. |
| xpos ypos | وتشير قيمة س في وضع أفقي والقيمة ذ يشير إلى الوضع الرأسي. أعلى الزاوية اليسرى 0 0. وحدات يمكن أن يكون بكسل (0px 0px) أو أي وحدات CSS الأخرى. إذا قمت بتحديد قيمة واحدة فقط، سوف تكون القيمة 50٪ الأخرى. يمكنك مزج٪ والوحدات |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | 0٪ 0٪ |
|---|---|
| قيمة الإرجاع: | سلسلة تمثل موقف خلفية صورة |
| صفحة CSS | CSS1 |
مزيد من الأمثلة
مثال
تغيير موضع الخلفية صورة في <div> العنصر إلى أسفل الوسط:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; انها محاولة لنفسك » مثال
تغيير موضع الخلفية صورة في <div> عنصر ل200px الأفقي والرأسي 40px:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
انها محاولة لنفسك » مثال
العودة موقف خلفية الصورة في <div> العنصر:
document.getElementById("myDiv").style.backgroundPosition;
انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: CSS الخلفية
CSS إشارة: background-image property
CSS المرجع background-position property
HTML DOM إشارة: background property
<كائن نمط