خانه / سی_اس_اس_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) نمی رود .

 

 

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

 

 

 

 

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

۸۶۷۵۱۹۲۲۸d1d5325856fc61d710ded0e

چه نوع لینک هایی باید استفاده کرد ؟

سبک های معمول لینک     در مثال فوق لینک مربوطه بسته به حالت )state …

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

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

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوسرویس و تعمیر کولر گازی