CSS background-position প্রোপার্টি
- পূর্ববর্তী পৃষ্ঠা background-origin
- পরবর্তী পৃষ্ঠা background-position-x
定义和用法
background-position 属性设置背景图像的起始位置。
这个属性设置背景原图像（由 background-image সমূহ) স্থান, পটভূমি ছবি যদি পুনরাবৃত্তি করা হয়, তবে এই স্থান থেকে শুরু করবে।
সুঝানা:আপনি background-attachment বৈশিষ্ট্যটি নিম্নলিখিত মানে নিতে হবে:fixed“”, যাতে এই বৈশিষ্ট্যটি Firefox এবং Opera-তে সঠিকভাবে কাজ করে যায়。
আরও দেখুন:
CSS শিক্ষাক্রম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: value;
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
|
যদি আপনি শুধুমাত্র একটি শব্দ নির্দিষ্ট করেন, তবে দ্বিতীয়টি "center" হবে。 ডিফল্ট মান: 0% 0%。 |
| x% y% |
প্রথম মানটি হল সমস্থান ওপর এবং দ্বিতীয়টি হল সমস্থান উপর নির্ধারণ করে。 ডান ওপরের কোণ 0% 0%। ডান ওপরের কোণ 100% 100%। যদি আপনি শুধুমাত্র একটি মান নির্দিষ্ট করেন, তবে অন্যটি 50% হবে。 |
| xpos ypos |
প্রথম মানটি হল সমস্থান ওপর এবং দ্বিতীয়টি হল সমস্থান উপর নির্ধারণ করে。 ডান ওপরের কোণ 0 0। ইউনিট হল 0px 0px বা কোনও অন্য সিএসএস ইউনিট。 যদি আপনি শুধুমাত্র একটি মান নির্দিষ্ট করেন, তবে অন্যটি 50% হবে。 আপনি % এবং position মানগুলির সংমিশ্রণ ব্যবহার করতে পারেন。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 0% 0% |
|---|---|
| পুরোভাগীতা: | না |
| সংস্করণ: | CSS1 |
| জাভাস্ক্রিপ্ট গঠনশৈলী: | object.style.backgroundPosition="center" |
আরও উদাহরণ
- কিভাবে % ব্যবহার করে ব্যাকগ্রাউন্ড ছবির অবস্থান নির্ধারণ করা যায়
- এই উদাহরণটি প্রমাণ করে যে, কিভাবে শতপ্রতিশত ব্যবহার করে পৃষ্ঠায় ব্যাকগ্রাউন্ড ছবির অবস্থান নির্ধারণ করা যায়。
- কিভাবে পিক্সেল ব্যবহার করে ব্যাকগ্রাউন্ড ছবির অবস্থান নির্ধারণ করা যায়
- এই উদাহরণটি প্রমাণ করে যে, কিভাবে পিক্সেল ব্যবহার করে পৃষ্ঠায় ব্যাকগ্রাউন্ড ছবির অবস্থান নির্ধারণ করা যায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটি সম্পূর্ণভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি নির্দেশ করে。
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | আইই / এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্ববর্তী পৃষ্ঠা background-origin
- পরবর্তী পৃষ্ঠা background-position-x
