خانه / سی اس اس CSS / آموزش خاصیت background-shorthand

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

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

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

 

 

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

 

 

 

 

همچنین بررسی کنید

images

طریقه صحیح لینک link گذاری چیست ؟

آموزش Link   می توان لینک ها را به شیوه های مختلف سبک دهی (بندی) …

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

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

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئواجاره ویلا و فروش ویلا شمالسرویس و تعمیر کولر گازیاجاره ویلافروش ویلااجاره ویلافروش ویلاویلا شمالویلا زیباکنار