English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

CSS @rules (RULES)

كامل خصائص CSS

استخدام نحو background-origin في CSS3 ومثال

خصائص background-origin في CSS3 تحدد منطقة التوضيح للخلفية، وهي تستخدمimage-الخلفيةموقع نقطة البداية للصورة المحددة من قبل الخاصية.

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

القيمة الافتراضية:padding-box
ينطبق على:جميع العناصر. وهو ينطبق أيضًا على::first-letterو::first-line。
الوراثة:لا يوجد
يمكنه التحرك:لايرجى الرجوع إلى خصائص الرسوم المتحركة。
الإصدار: نحو CSS3 الجديدة
نحو JavaScript 　　　object　　 　object.style.backgroundOrigin="content-box"

استخدام نحو background-origin

جملة هذا الخصائص كالتالي:}}

background-origin:　border-box　|　padding-box　|　content-box　|　initial　|　inherit

المثال التالي يوضح كيفية استخدام خاصية background-origin.

.box　{
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　url("images/sky.jpg")　no-repeat;
　　　　background-size:　contain;
　　　　background-origin:　content-box;
}
اختبار لـ‹/›

ملاحظة:التحذير: إذا تم تجاهل قيمة هذا الخصائصattachment-الخلفيةتُحدد الخاصية لتكون fixed.

قيمة الخاصية

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

القيمةوصف
border-boxتحديد امتداد الخلفية إلى الخارج من الحواف. يتم رسم الخلفية تحت الحواف.
padding-boxتحديد امتداد الخلفية إلى الخارج من المملوءة. لا يتم رسم الخلفية تحت الحواف.
content-boxتحديد رسم الخلفية فقط داخل حاوية المحتوى (القطع إلى). لا يتم رسم الخلفية تحت الحواف والمناطق المملوءة.
initialاعتماد هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديدها، فإن العناصر المرتبطة تأخذ قيمة حساب الخاصية background-origin للعنصر الأب.

توافق المتصفحات

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

  • Firefox 4+

  • Google Chrome4+

  • Internet Explorer 9+

  • Apple Safari 3+

  • Opera 10.5+

قراءة إضافية

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

خصائص ذات صلة:الخلفية،attachment-الخلفية،color-الخلفية،image-الخلفية،clip-الخلفية،position-الخلفية،repeat-الخلفية،size-الخلفية。

مواصفة background-position CSSمواصفة background-image CSS