پیوست پس زمینه CSS

ویژگی پیوست پس زمینه مشخص می کند که آیا تصویر پس زمینه باید پیمایش کند یا ثابت باشد (با بقیه صفحه پیمایش نمی کند):

مثال

مشخص کنید که تصویر پس زمینه باید ثابت باشد:

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

مثال

مشخص کنید که تصویر پس زمینه باید با بقیه صفحه پیمایش کند:

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

CSS پس زمینه مختصر

پیوست پس زمینه در css – ویژگی مختصر

برای کوتاه کردن کد ، همچنین می توان تمام خصوصیات پس زمینه را در یک ویژگی خاص مشخص کرد. به این ویژگی مختصر گفته می شود.

به جای نوشتن:

body {
  background-color: #ffffff;
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

می توانید از پس زمینه مختصر استفاده کنید:

مثال

از ویژگی مختصر برای تنظیم خصوصیات پس زمینه در یک اظهارنامه استفاده کنید:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

هنگام استفاده از خاصیت مختصر ترتیب مقادیر ویژگی این است:

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

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

تمام خصوصیات پس زمینه CSS

• سری مقالات آموزش CSS – پس زمینه ها – CSS background – افزودن پس زمینه در css
• سری مقالات آموزش CSS – پس زمینه -css background image- تصویر پس زمینه در css
• css چیست ؟ – دوره آموزش های جامع css
• نحوه افزودن کدهای CSS
• سیاست حریم شخصی و حفظ حریم خصوصی