CSS border-image-repeat প্রকৃতি
- পূর্বপাশে border-image-outset
- পরবর্তী পৃষ্ঠা border-image-slice
সংজ্ঞা ও ব্যবহার
border-image-repeat প্রতিভা ছবির বর্তনকে পুনরাবৃত্ত (repeated), সাজানো (stretched) বা ভরতে (rounded) করা হবে কিনা নির্ধারণ করে
আরও দেখুন:
CSS3 শিক্ষাক্রম:CSS3 সীমানা
উদাহরণ
কিভাবে ছবির বর্তন পুনরাবৃত্ত করা হবে তা নির্ধারণ করুন
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS 语法
border-image-repeat: stretch|repeat|round;
মন্তব্য:এই প্রতিভা কিভাবে বর্তন এবং কেন্দ্রস্থলের বর্তন ছবির মাঝে প্রদান করে। তাই, আপনি দুটি মান নির্ধারণ করতে পারেন। যদি দ্বিতীয়টি ছেড়ে যাওয়া হয়, তবে প্রথমটির মতো মান নেওয়া হবে。
প্রতিভা মান
| মান | বর্ণনা |
|---|---|
| stretch | এলাকা ভরতে ছবিকে সাজানো করুন |
| repeat | এলাকা ভরতে ছবি পুনরাবৃত্ত করা (রিপিটিং) করুন |
| round | পুনরাবৃত্তি মানের মতো। যদি সম্পূর্ণভাবে ছবিটি পুনরাবৃত্ত হতে পারে না, তবে ছবিটিকে সময় সাজানো হয়ে প্রদেশটিতে মানুষের সাথে একত্রিত করা হয়。 |
কারিগরি বিবরণ
| ডিফল্ট মান: | stretch |
|---|---|
| পুনরুত্তরণযোগ্যতা: | no |
| সংস্করণ: | CSS3 |
| JavaScript 语法： | object.style.borderImageRepeat="round" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে বুঝা যায় যে, এই প্রতিভাটিকে সম্পূর্ণভাবে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণ。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
দেখুন border-image প্রতিভা。
- পূর্বপাশে border-image-outset
- পরবর্তী পৃষ্ঠা border-image-slice
