خواص پس زمینه css

در قسمت قبل کار با css و نحوه اضافه کردن آن به صفحات آشنا شدیم. در این قسمت خواص پس زمینه css و تغییر افکت های پس زمینه را برای عناصر صفحه وب توضیح خواهیم داد.

خواص پس زمینه css دارای موارد زیر هستند :

background-color : رنگ پس زمینه

background-image : تصویر پس زمینه

background-repeat : تکرار پس زمینه

background-attachment : دلبستگی پس زمینه

background-position : موقعیت پس زمینه

خاصیت background-color :

با این خاصیت میتوانیم رنگ پس زمینه عناصر را تغییر بدهیم که در اینجا ما به تگ اصلی body رنگ پرتقالی داده ایم.

خاصیت background-image :

اعمال کردن تصویر پس زمینه برای تگ ها توسط آدرس آن . که ما در اینجا به تگ بدنه یک تصویر پس زمینه دادیم. ضمناً این نکته را هم رعایت کنید که تصویری که انتخاب می کنید باعث عدم خواناتر شدن دیگر عناصر نشود.

خاصیت background-repeat :

اگر تصویر از اندازه عناصر کوچکتر باشد بطور پیش فرض تکرار می شود (در طول و عرض) . با این خاصیت ما نوع تکرار را محدود می کنیم . در مثال بالا گفتیم فقط در محور xها (طول) تکرار شود . یا اینکه اگر مقدار no-repeat بگذاریم اصلاً تکرار نمی شود.

خاصیت background-attachment :

نوع دلبستگی به صفحه را مشخص می کند . در اینجا می گوییم تصویر در صفحه ثابت شود یعنی اگر تصویر بزرگتر از صفحه بود اسکرول نخورد.

خاصیت background-position :

موقعیت تصویر را مشخص می کنیم . در مثال بالا تصویر بالا سمت چپ قرار می گیره.

تمامی خاصیت ها را می توانیم بصورت اجمالی و خلاصه نیز بکار ببریم به مثال زیر توجه کنید :

در این مثال یک پس زمینه با رنگ کرمی و یک تصویر بدون تکرار و در موقعیت بالا سمت راست قرار دادیم.

اشتراک گذاری :
آموزش CSS آموزش برنامه نویسی

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

دیدگاه خود را بیان کنید