Style backgroundOrigin বৈশিষ্ট্য
- পূর্ববর্তী পৃষ্ঠা backgroundClip
- পরবর্তী পৃষ্ঠা backgroundSize
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
পরিভাষা ও ব্যবহার
backgroundOrigin বৈশিষ্ট্যটি প্রতিরক্ষা করে কোনও অবস্থানে অবস্থান করে
মন্তব্য:যদি ব্যাকগ্রাউন্ড চিত্রের background-attachment বৈশিষ্ট্যটি "fixed"যদি এই বৈশিষ্ট্যটি কোনও ক্ষেত্রে প্রয়োগ করা হয় না
প্রদত্ত উদাহরণ
ব্যাকগ্রাউন্ড চিত্রটিকে কনটেন্ট বক্সের সাথে সংযোজিত করুন:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
সিন্থ্যাক্স
ব্যাকগ্রাউন্ডঅরিজিন বৈশিষ্ট্য ফলাফল:
object.style.backgroundOrigin
ব্যাকগ্রাউন্ডঅরিজিন বৈশিষ্ট্য সংযোজন:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
বৈশিষ্ট্যমান
| মান | বর্ণনা |
|---|---|
| padding-box | ডিফল্ট মান।ব্যাকগ্রাউন্ড চিত্রটি প্রান্তসীমা বক্সের সাথে সংযোজিত হয়ে অবস্থান করে |
| border-box | ব্যাকগ্রাউন্ড চিত্রটি বর্তনী বক্সের সাথে সংযোজিত হয়ে অবস্থান করে |
| content-box | ব্যাকগ্রাউন্ড চিত্রটি কনটেন্ট বক্সের সাথে সংযোজিত হয়ে অবস্থান করে |
| initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন initial。 |
| inherit | এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরসূরী করুন। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | padding-box |
|---|---|
| ফলাফল: | শব্দসূচক, যা প্রতিটি উপাদানকে background-origin এট্রিবিউট。 |
| CSS সংস্করণ: | CSS3 |
ব্রাউজার সমর্থন
backgroundOrigin এটি CSS3 (1999) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলো এটির পূর্ণ সমর্থন করেছে:
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | অপেরা | IE |
|---|---|---|---|---|---|
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | অপেরা | IE |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | 11 |
সংশ্লিষ্ট পৃষ্ঠা
CSS পরিসংখ্যানকৃত হান্ডবুকঃbackground-origin এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা backgroundClip
- পরবর্তী পৃষ্ঠা backgroundSize
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
