خاصیت background در CSS - وب سایت PNLdev

یک نمونه ساده از خاصیت background:

background: lightgreen url("/pic.jpg") no-repeat fixed center;

آزمایشگاه

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

خاصیت background یک خاصیت مختصر برای:

می باشد.

#	توضیحات
مقدار پیشفرض	خصوصیات ویژگی را مشاهده کنید
ارث بری	خیر
انیمیشن	بله
نسخه	CSS1 + new properties in CSS3
نگارش JS	object.style.background="red url(smiley.gif) top left no-repeat"

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت background هستند.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
background

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

مقادیر	توضیحات
background-color	رنگ پس زمینه موجود در هر صفحه ها را تعیین می کند.
background-image	تعداد تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-position	موقعیت و جایگاه تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-size	اندازه تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-repeat	نحوه تکرار تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-origin	ناحیه مقعیت یابی تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-clip	ناحیه نقاشی تصاویر موجود در پس زمینه صفحه را تعیین می کند.
background-attachment	برای تعیین این موضوع که تصاویر موجود در پس زمینه ثابت هستند یا می بایست همراه با اسکرول کاربر، آنها نیز حرکت کنند استفاده می شود.
initial	این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit	این مقدار را از تگ والد خود به ارث می برد.

آموزش CSS: پس زمینه CSS، پس زمینه CSS (پیشرفته)

مرجع HTML DOM: ویژگی پس‌زمینه