آموزش خاصیت background-shorthand

بازدید: 2646 بازدید

آموزش خاصیت 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) نمی رود .

 

 

در ادامه با آموزش های بعدی ما همراه باشید…