معرفی انواع بک گراند در css

سلام ITPRO ای عزیز، به ترتیب خدمتتون عرض می کنم:

1. خصوصیت background به شما امکان خلاصه نویسی تمام موارد دیگه رو میده، بوسیله background می تونید رنگ، تصویر، سایز و ... به صورت یکجا به المان های مورد نظرتون اعمال کنید
2. background-attachment: فرض کنید عکسی رو تو یک div یا body صفحتون دادید، میخوایین با scroll شدن تصویر رو صفحه ثابت بمونه و فقط المان حرکت کنه
3. مورد سوم رو که خودتون گفتید
4. مورد چهارم رو هم همینطور
5. به شما این امکان رو میده موقعیت یک تصویر رو تو یک المان مشخص کنید، یعنی background-image رو می تونید موقعیتش رو جابجا کنید، این خاصیت مقادیر رو هم به صورت pixel، هم به صورت درصد و هم با عبارات top, left, right, center قبول می کنه
6. مورد ششم، برای زمانی هست که شما یک عکس رو قرار میدید و میخوایید تعیین کنید که تکرار عکس تو المان به چه صورت باشه، برای مثال به صورت افقی تکرار بشه، به صورت عمودی، تو هر دو حالت تکرار بشه یا اصلاً تکرار نشه.

body { 
    background: #00ff00 url("smiley.gif") no-repeat fixed center; 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: -20px -120px;
}