CSS background-origin প্রোপার্টি
- পূর্ববর্তী পৃষ্ঠা background-image
- পরবর্তী পৃষ্ঠা background-position
সংজ্ঞা ও ব্যবহার
background-origin প্রতিভূতি নির্দিষ্ট background-position প্রতিভূতি কোন স্থানের সমীপে স্থানান্তরিত হয়。
মন্তব্য:যদি ব্যাকগ্রাউন্ড ইমেজের background-attachment প্রতিভূতি হল “ফিক্সেড“”，তাহলে এই বৈশিষ্ট্যটি কোন প্রভাব ফেলবে না。
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS পটভূমি、CSS ব্যাকগ্রাউন্ড (অগ্রণী)
HTML DOM পরিচ্ছেদকৃতপত্র:backgroundOrigin প্রতিভূতি
প্রয়োগ
কনটেন্ট-বক্সের সমীপে ব্যাকগ্রাউন্ড ইমেজ স্থানান্তরিত হয়:
ডিভ
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
সিএসএস গ্রামার
background-origin: padding-box|border-box|content-box;
প্রতিভূতি
| মান | বর্ণনা | পরীক্ষা |
|---|---|---|
| প্যাডিং-বক্স | ব্যাকগ্রাউন্ড ইমেজ ইনার-প্যাডিং-বক্সের সমীপে স্থানান্তরিত হয়。 | পরীক্ষা |
| বর্তমান-বক্স | ব্যাকগ্রাউন্ড ইমেজ বর্তমান বক্সের সমীপে স্থানান্তরিত হয়。 | পরীক্ষা |
| কনটেন্ট-বক্স | ব্যাকগ্রাউন্ড ইমেজ কনটেন্ট-বক্সের সমীপে স্থানান্তরিত হয়。 | পরীক্ষা |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | প্যাডিং-বক্স |
|---|---|
| পরিবর্তনযোগ্যতা: | না |
| সংস্করণ: | সিএসএস3 |
| জেভাস্ক্রিপ্ট গ্রামার: | অবজেক্ট.style.backgroundOrigin="content-box" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে।
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|
| চ্রোম | আইই / এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
| 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- পূর্ববর্তী পৃষ্ঠা background-image
- পরবর্তী পৃষ্ঠা background-position
