نمونه کد

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

آزمایشگاه

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

خاصیت background-image تعیین می کند که یک یا چند عکس در بخش تصویر زمینه استفاده شوند.

اطلاعات

# توضیحات
مقدار پیشفرض پیش فرض
ارث بری خیر
انیمیشن خیر
نسخه CSS1 + مقدار جدید در CSS3
نگارش JS object.style.backgroundImage="url()"

شیوه نگارش

مقادیر

مقادیر توضیحات
url('URL') آدرس دهی یا url تصاویر را انجام می دهد.
none تصویر پس زمینه ای استفاده نمی شود.
conic-gradient() یک گرادینت ( رنگ حاله ای ) به صورت مخروط را به عنوان پس زمینه تعیین می کند.
linear-gradient() یک گرادینت ( رنگ حاله ای ) به صورت خطی را به عنوان پس زمینه تعیین می کند.
radial-gradient() یک گرادینت ( رنگ حاله ای ) به صورت شعاعی را به عنوان پس زمینه تعیین می کند.
repeating-conic-gradient() یک گرادینت ( رنگ حاله ای ) به صورت مخروط تعیین می کند.
repeating-linear-gradient() یک گرادینت ( رنگ حاله ای ) به صورت خطی تعیین می کند.
repeating-radial-gradient() یک گرادینت ( رنگ حاله ای ) به صورت شعاعی تعیین می کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.