CSS background-image প্রোপার্টি
- পূর্ববর্তী পৃষ্ঠা background-color
- পরবর্তী পৃষ্ঠা background-origin
সংজ্ঞা ও ব্যবহার
background-image এলিমেন্টকে পটভূমি ছবি সংযোজিত করে
এলিমেন্টের পটভূমি সম্পূর্ণ আকার জুড়ে আছে, যা আউটার মার্গিন বাদে, কিন্তু পিতৃ উপাদানটির মার্গিনকে নিয়ে আসে。
ডিফল্টভাবে, পটভূমি ছবি এলিমেন্টের ডানদিকের ওপরের কোণে অবস্থান করে এবং অনুক্রমে উপর ও নীচে এবং ডানদিকে ও বামদিকে পুনরায় করা হয়。
সুঝাওয়া:প্রথমে একটি ব্যবহারযোগ্য পটভূমি রঙ নির্ধারণ করুন, তাহলে পটভূমি ছবি না থাকলেও পাতাটি ভালো দেখাবে。
বিস্তারিত ব্যাখ্যা
background-image বৈশিষ্ট্যটি এলিমেন্টের পটভূমিতে একটি ছবি সংযোজিত করে।
নির্দিষ্ট করা হয়: background-repeat বৈশিষ্ট্যের মান অনুযায়ী, ছবিটি অসীম প্রসারিত করা হয়, কিংবা কোনও অক্ষ (x অক্ষ বা y অক্ষ) অনুযায়ী প্রসারিত করা হয়, কিংবা কোনও প্রসারিত করা হয় না。
প্রথম পটভূমি ছবি (মূল ছবি) এর অবস্থান নির্দিষ্ট করা হয়েছে: background-position বৈশিষ্ট্যের মান প্রস্তুত করুন
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS পিছনবস্তু、CSS পটভূমি (অত্যাধুনিক)、CSS গ্রেডেন্ট
HTML DOM সংক্ষিপ্ত নির্দেশকbackgroundImage বৈশিষ্ট্য
উদাহরণ
পাতার পটভূমি ছবিটি সংযোজিত করুন:
body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
CSS য়াকৃতি
background-image: url|none|initial|inherit;
বৈশিষ্ট্য মান
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
| url('URL') | ছবির পথ |
| none | ডিফল্ট মান।পটভূমি ছবিটি দেখানো হয় না。 |
| inherit | পিতৃ উপাদান থেকে background-image বৈশিষ্ট্যটির সংস্থানকে নির্দিষ্ট করা হয়েছে。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | none |
|---|---|
| বংশগততা: | no |
| সংস্করণ: | CSS1 |
| JavaScript য়াকৃতি: | object.style.backgroundImage="url(stars.gif)" |
ব্রাউজার সমর্থন
তালিকায় সম্পূর্ণভাবে সমর্থিত এই বৈশিষ্ট্যটির প্রথম ব্রাউজার সংস্করণটি উল্লেখ করা হয়েছে。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্ববর্তী পৃষ্ঠা background-color
- পরবর্তী পৃষ্ঠা background-origin
