پیوست پس زمینه در css

پیوست پس زمینه در css – سری مقالات آموزش CSS – پس زمینه – پس زمینه مختصر در CSS

پیوست پس زمینه 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

پیوست پس زمینه در 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

شرح ویژگی
تمام خصوصیات پس زمینه را در یک اعلان تنظیم می کندزمینه
تنظیم می کند که یک تصویر پس زمینه ثابت باشد یا با بقیه صفحه پیمایش کندپیوست پس زمینه
منطقه نقاشی پس زمینه را مشخص می کندپس زمینه-کلیپ
رنگ پس زمینه یک عنصر را تنظیم می کندرنگ پس زمینه
تصویر پس زمینه را برای یک عنصر تنظیم می کندتصویر پس زمینه
مشخص می کند که تصویر پس زمینه در کجا قرار گرفته استخاستگاه پس زمینه
موقعیت شروع تصویر پس زمینه را تنظیم می کندموقعیت پس زمینه
نحوه تکرار تصویر پس زمینه را تنظیم می کندپس زمینه تکرار
اندازه تصویر (های) پس زمینه را مشخص می کنداندازه پس زمینه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *