سی ای ایس بیکگراؤنڈ-پوزیشن خصوصیات
- پچھلے پیج بکگراؤنڈ-اوگن
- آئندہ پیج بکگراؤنڈ-پوزیشن-ایکس
تعریف اور استعمال
background-position پس منظر تصویر کی شروعاتی مقام کو قائم کرتا ہے。
یہ اپنے پس منظر تصویر کی اصلي تصویر کو قائم کرتا ہے (جس کا background-image تعریف) کے مقام، اگر پس منظر تصویر تکرار ہوگا، تو اس سے شروع ہوگا。
نکته:شما باید ویژگی background-attachment را به "fixed، تا اطمینان حاصل شود که این ویژگی در فایرفاکس و آپرا به درستی کار میکند.
لطفاً به:
آموزش CSS:کیس بکگراؤنڈ
دستورالعمل CSS:ویژگی background-image
دستورالعمل HTML DOM:ویژگی backgroundPosition
مثال
چگونه تصویر پسزمینه را قرار دهیم:
body
{
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
قوانین CSS
background-position: مقدار;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
|
اگر شما تنها یک کلمه کلیدی مشخص کنید، مقدار دوم "center" خواهد بود. مقدار پیشفرض: 0% 0%. |
| x% y% |
مقدار اول موقعیت افقی است، مقدار دوم موقعیت عمودی است. کف و بالا 0% 0% است. گوشه پایین و راست 100% 100% است. اگر شما تنها یک مقدار مشخص کنید، مقدار دیگر 50% خواهد بود. |
| xpos ypos |
مقدار اول موقعیت افقی است، مقدار دوم موقعیت عمودی است. کف و بالا 0 0 است. واحدها پیکسل (0px 0px) یا هر واحد دیگر CSS هستند. اگر شما تنها یک مقدار مشخص کنید، مقدار دیگر 50% خواهد بود. شما میتوانید از% و مقادیر position به صورت ترکیبی استفاده کنید. |
جزئیات فنی
| مقدار پیشفرض: | 0% 0% |
|---|---|
| ارث: | خیر |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | آبجکت.style.backgroundPosition="center" |
مثالهای بیشتر
- چگونه میتوان از% برای قرار دادن تصویر پسزمینه استفاده کرد
- این مثال نشان میدهد که چگونه میتوان از درصد برای قرار دادن تصویر پسزمینه در صفحه استفاده کرد.
- چگونه میتوان از پیکسل برای قرار دادن تصویر پسزمینه استفاده کرد
- این مثال نشان میدهد که چگونه میتوان از پیکسل برای قرار دادن تصویر پسزمینه در صفحه استفاده کرد.
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| کروم | ایج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| کروم | آئی ای / ایج | فایرفاکس | سافاری | آپرا |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- پچھلے پیج بکگراؤنڈ-اوگن
- آئندہ پیج بکگراؤنڈ-پوزیشن-ایکس
