ما با استفاده از شناسه background در تگ BODY می توانستیم برای صفحه تصویر زمینه مشخص کنیم. اما با استفاده از استایل می توانیم کنترل بیشتری بر این تصویر زمینه داشته باشیم چه این تصویر زمینه برای کل صفحه استفاده شود چه برای قسمت مشخصی از صفحه. برای مثال می توانیم تصویر زمینه را به گونه ای تعریف کنیم که تکرار نشود، ثابت باشد، یا برای آن نقطه شروع تعیین کنیم. برخی از این خواص را می توانید در جدول زیر ملاحظه کنید:
توضیحات | مقادیر قابل استفاده | ویژگی |
---|---|---|
مشخص کننده محل قرار گرفتن تصویر در اینترنت است | آدرس محل قرار گرفتن تصویر | background-image: url(url) |
نوع تکرار تصویر را مشخص می کند | repeat, no-repeat, repeat-x, repeat-y | background-repeat: مقدار ویژگی |
مشخص می کند که آیا تصویر زمینه با اسکرول کردن صفحه حرکت می کند یا در جای خود ثابت می ماند | scroll, fixed | background-attachment: مقدار ویژگی |
موقعیت تصویر زمینه در صفحه را مشخص می کند | مقدار اول: top, center, bottom, عددی در مقیاس پیکسل، عددی در مقیاس درصد مقدار دوم: left, center, right, عددی در مقیاس پیکسل، عددی در مقیاس درصد | background-position: مقدار دوممقدار اول |
برای استفاده از این ویژگیها و کاربرد آنها برای تگ BODY می توانید یک استایل در قسمت HEAD متن تعریف کنید یا از استایل خارجی استفاده کنید. مثلاً برای تصویر زمینه صفحات سایت ما می توان در قسمت HEAD متن یک استایل به صورت زیر تعریف کرد:
براي نمايش ادامه اين مطلب بايد عضو شويد !
اگر قبلا ثبت نام کرديد ميتوانيد از فرم زير وارد شويد و مطلب رو مشاهده نماييد !