مثال
دعونا صورة الخلفية تبدأ من الزاوية اليسرى العليا من المحتوى:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الخاصية خلفية المنشأ حيث يتم وضع صورة الخلفية.
Note: إذا تم تعيين الخاصية background-التعلق "fixed" ، هذه الخاصية أي تأثير.
| القيمة الافتراضية: | padding-box |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.backgroundOrigin="content-box" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| background-origin | 4.0 | تسعة | 4.0 | 3.0 | 10.5 |
CSS بناء الجملة
background-origin: padding-box|border-box|content-box|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| padding-box | القيمة الافتراضية. تبدأ صورة الخلفية من الزاوية العليا اليسرى من حافة الحشو | العبها " |
| border-box | تبدأ صورة الخلفية من الزاوية اليسرى العليا من الحدود | العبها " |
| content-box | تبدأ صورة الخلفية من الزاوية اليسرى العليا من المحتوى | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: خلفيات CSS3
HTML DOM المرجع backgroundOrigin property