آموزش خاصیت background-shorthand
همان طور که در مثال های فوق مشاهده می کنید، خاصیت های فراوانی وجود دارند که حین پرداختن به پس زمینه و مدیریت آن باید درنظر گرفت .
به منظور کاهش حجم کد، این امکان وجود دارد که تمامی خصوصیت ها (properties) را در تنها یک خصوصیت تعریف کرد . خاصیت مذکور همچنین shorthand (خصوصیت مختصر نویسی) اطالق می گردد .
خاصیت مختصرنویسی (shorthand property) ویژه ی پس زمینه همان “background “می باشد
مثال
body {
background: #ffffff url(“img_tree.png”) no-repeat right top;
}
به خاطر داشته باشید که هنگام استفاده از خصوصیت مختصر نویسی، ترتیب مقادیر property ها به صورت زیر خواهد بود
background-color
background-image
background-repeat
background-attachment
background-position
هیچ اهمیتی ندارد اگر یکی از مقادیر property مفقود بوده یا در حال حاضر موجود نمی باشد، به خصوص تا زمانی که دیگر مقادیر موجود به ترتیبی که فوق ذکر شده سامان دهی شده باشند .
این مثال از نوع یا سطح پیشرفته ی CSS بهره می گیرد . تصویر همراه با بقیه ی صفحه، بالا یا پایین (scroll) نمی رود .
در ادامه با آموزش های بعدی ما همراه باشید…