لوگو دویکس
ورود / ثبت نام
background در CSS

background در CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 19 بهمن 1399

به معرفی و بررسی background در CSS می پردازیم.

توضیح ویژگی پس زمینه

با استفاده از ویژگی بک گراند CSS ، می توانید بک گراند هر عنصر را اصلاح کنید:

body {
    background: lightblue url("pom-laptop.png") repeat fixed right;
}

در واقع یک مختصر بک گراند CSS برای هشت زیر خاصیت جداگانه است:

  • تصویر پس زمینه
  • موقعیت پس زمینه
  • اندازه
  • پس زمینه تکرار
  • پیوست
  • خاستگاه
  • پس زمینه-کلیپ
  • رنگ

بررسی ویژگی background در CSS

از آنجا که ما در اینجا از مختصر background CSS استفاده می کنیم ، نیازی نیست که نام زیرمجموعه ها را لیست کنید – فقط خود مقادیر:

پس زمینه: موقعیت تصویر / اندازه تصویر تکرار پیوست رنگ کلیپ.

نیازی به تعریف همه مقادیر نیست. با این حال ، موقعیت و اندازه لازم است که به صورت جفت و با یک بریدگی جدا شوند. همچنین توصیه می شود از نظم نمایش داده شده در مثال نحوی پیروی کنید.

می توانید تمام مقادیر مربوط به ویژگی پس زمینه را که در جدول زیر تعریف شده است مشاهده کنید.

ارزش های املاک

DefaultDescriptionValue
noneتصویری را برای پس زمینه CSS مشخص می کندimage
0% 0%موقعیت را برای تصویر پس زمینه CSS مشخص می کندposition
auto autoاندازه را برای تصویر پس زمینه CSS مشخص می کندsize
repeatپس زمینه CSS را در صفحه تکرار یا تکرار نمی کندrepeat
scrollمشخص می کند که تصویر پس زمینه CSS ثابت یا قابل اسکرول باشدattachment
padding-boxمنطقه موقعیت یابی را برای تصویر پس زمینه CSS مشخص می کندorigin
border-boxمنطقه نقاشی را برای تصویر پس زمینه CSS مشخص می کندclip
transparentرنگ پس زمینه CSS را مشخص می کندcolor

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

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊