background-position
این ویژگی جهت تعیین موقعیت تصویر زمینه در صفحه استفاده می شود. این ویژگی بیشتر زمانی مورد استفاده قرار می گردد که برای تصویر زمینه از background-repeat: no-repeat استفاده شده باشد. این ویژگی می تواند دو مقدار را همزمان به خود اختصاص دهد. با این دو مقدار می توانیم موقعیت عمودی و افقی تصویر در صفحه را تعیین کنیم. توجه داشته باشید که این دو مقدار باید با یک فاصله خالی از هم جدا شوند نه کاما یا نقطه ویرگول.
دو مقداری که می توان به این ویژگی اختصاص داد از مقادیر زیر انتخاب می شوند:
- top, center, or bottom
- left, center, or right
برای این ویژگی باید از هر دسته از مقادیر بالا فقط یکی انتخاب شود. در اینجا می توانید برخی از موارد قابل استفاده را مشاهده کنید:
- background-position:top right
این ویژگی تصویر زمینه را در بالا و سمت راست صفحه نمایش می دهد. - background-position:center right
این ویژگی تصویر را در سمت راست وسط صفحه نمایش می دهد. - background-position:bottom center
این ویژگی تصویر زمینه را در پایین مرکز صفحه نمایش می دهد.
براي نمايش ادامه اين مطلب بايد عضو شويد !
اگر قبلا ثبت نام کرديد ميتوانيد از فرم زير وارد شويد و مطلب رو مشاهده نماييد !