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

خواص پس زمینه 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

معرفی css css مخفف Cascading Style Sheets (شیوه نامه های آبشاری) است . با css …

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

نویسنده : افشین رفوآ فهرست مقدمه توجه چگونگی استفاده از CSS CSS چیست؟ نمایش CSS دستور …

پاسخی بگذارید

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