سبد (0)

تبلیغات

خصوصیت background-origin

مثال (خصوصیت background-origin)

عکس پس زمینه نسبت به content مکان دهی شده است:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت background-origin را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، خصوصیت background-origin را پشتیبانی نمی کند.


تعریف و کاربرد

با استفاده از خصوصیت background-origin، می توانید عکس پس زمینه را نسبت به یکی از مکان های content یا padding و یا border مکان دهی نمایید.

توجه: اگر خصوصیت background-attachment با مقدار "fixed" تنظیم شده باشد، این خصوصیت اثری نخواهد داشت.

مقدار پیشفرض padding-box
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.backgroundOrigin="content-box"

نحوه استفاده

background-origin: padding-box|border-box|content-box;
مقدارتوضیحاتنمایش دادن
padding-box عکس پس زمینه نسبت به padding مکان دهی می شود. نمایش دادن »
border-box عکس پس زمینه نسبت به border مکان دهی می شود. نمایش دادن »
content-box عکس پس زمینه نسبت به content مکان دهی می شود. نمایش دادن »

بیاموزهای مرتبط

CSS3 Background (بیاموز CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی