Style backgroundPosition এট্রিবিউট
- পূর্বপাতা backgroundImage
- পরবর্তী পৃষ্ঠা backgroundRepeat
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
সংজ্ঞা ও ব্যবহার
backgroundPosition এট্রিবিউট সংযোজন বা পিছনের চিত্রকে ইলেমেন্টের মধ্যে অবস্থান প্রদর্শন করুন。
অন্যান্য দেখুন:
HTML শৈলী:background এট্রিবিউট
CSS শিক্ষাক্রম:CSS ব্যাকগ্রাউন্ড
CSS3 শিক্ষাক্রম:CSS3 পিছনের চিত্র
CSS সংক্ষিপ্ত পঞ্জী:background-image এট্রিবিউট
CSS সংক্ষিপ্ত পঞ্জী:background-position এট্রিবিউট
প্রয়োগ
উদাহরণ 1
পিছনের চিত্রের অবস্থানকে পরিবর্তন করুন:
document.body.style.backgroundPosition = "top right";
উদাহরণ 2
ডিভ ইলেমেন্টের পিছনের চিত্রের অবস্থানকে নিচের মধ্যভাগে করে রাখুন:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
উদাহরণ 3
<div> তত্ত্বাবলীতে পটভূমি ছবির অবস্থানকে হলেন্দেক পিক্সেল এবং 40 পিক্সেল উচ্চতায় সাজানো হবে:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
উদাহরণ 4
ফলাফল: <div> তত্ত্বাবলীতে পটভূমি ছবির অবস্থান:
document.getElementById("myDiv").style.backgroundPosition;
সংজ্ঞা
ব্যবহার করুন backgroundPosition বৈশিষ্ট্য:
object.style.backgroundPosition
ব্যবহার করুন backgroundPosition বৈশিষ্ট্য:
object.style.backgroundPosition = value
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
|
আপনি যদি শুধুমাত্র একটি শব্দসূচক নির্দিষ্ট করেন, তবে অন্যটি 'center' হবে。 |
| x% y% |
x মান হল অনুভূমিক অবস্থান, y মান হল উচ্চতা অবস্থান ডানদিকের ওপর এবং উপরদিকের ওপর 0% 0%। ডানদিকের ওপর এবং নীচের ওপর 100% 100%। আপনি যদি শুধুমাত্র একটি মান নির্দিষ্ট করেন, তবে অন্যটি 50% হবে。 |
| xpos ypos |
x মান হল অনুভূমিক অবস্থান, y মান হল উচ্চতা অবস্থান ডানদিকের ওপর এবং উপরদিকের ওপর 0 0। ইউনিটটি পিক্সেল (0px 0px) বা কোনও অন্য CSS ইউনিট হতে পারে。 আপনি যদি শুধুমাত্র একটি মান নির্দিষ্ট করেন, তবে অন্যটি 50% হবে। আপনি % এবং ইউনিটগুলির মিশ্রণ ব্যবহার করতে পারেন。 |
| initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial。 |
| inherit | এই বৈশিষ্ট্যটি পিতৃ তত্ত্বাবলী থেকে উত্তরাধিকার নেয়। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 0% 0% |
|---|---|
| ফলাফল: | একটি শব্দসূচক, যা পটভূমি ছবির অবস্থানকে নির্দেশ করে。 |
| CSS সংস্করণ: | CSS1 |
ব্রাউজার সমর্থন
backgroundPosition এটি CSS1 (1996) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলি এটির পূর্ণ সমর্থন করে:
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | অপেরা | IE |
|---|---|---|---|---|---|
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | অপেরা | IE |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্বপাতা backgroundImage
- পরবর্তী পৃষ্ঠা backgroundRepeat
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
