خصوصیت background-origin CSS
- صفحه قبل background-image
- صفحه بعدی background-position
تعریف و استفاده
background-origin ویژگی تعیین می‌کند background-position ویژگی در برابر چه مکانی قرار می‌گیرد.
نکته:اگر تصویر پس‌زمینه background-attachment ویژگی به عنوان "ثابت، این ویژگی هیچ اثری ندارد.
همچنین دیدن:
آموزش CSS:پس‌زمینه CSSوپشتیبانی پس‌زمینه CSS (پیشرفته)
دستورالعمل مرجع HTML DOM:ویژگی backgroundOrigin
مثال
تصویر پس‌زمینه در برابر قاب محتوای قرار می‌گیرد:
div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
اسکریپت CSS
background-origin: padding-box|border-box|content-box;
مقدار ویژگی
| مقدار | توضیح | آزمایش |
|---|---|---|
| padding-box | تصویر پس‌زمینه در برابر قاب فضای داخل قرار می‌گیرد. | آزمایش |
| border-box | تصویر پس‌زمینه در برابر قاب لبه‌ها قرار می‌گیرد. | آزمایش |
| content-box | تصویر پس‌زمینه در برابر قاب محتوای قرار می‌گیرد. | آزمایش |
جزئیات فنی
| مقدار پیش‌فرض: | padding-box |
|---|---|
| ارث: | خیر |
| نسخه: | CSS3 |
| اسکریپت جاوااسکریپت: | هدف.style.backgroundOrigin="content-box" |
پشتیبانی مرورگر
جداول این صفحه شامل نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- صفحه قبل background-image
- صفحه بعدی background-position
