সিএসএস(৩) border-image-outset প্রোপার্টি
ব্রাউজার সাপোর্ট
property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
border-image-outset | ১৫.০ | ১১.০ | ১৫.০ | ৬.০ | ১৫.০ |
সংজ্ঞা ও ব্যবহার
border-image-outset প্রোপার্টি দ্বারা বর্ডার ইমেজগুলোর এরিয়া বর্ডার বক্সের বাইরে কতটুকু ছড়িয়েছে তা নির্দেশ করে।
Initial Value: | Inherited: | Animatable: |
---|---|---|
০ | না | না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
border-image-outset: length/number/initial/inherit;
পরামর্শঃ
- border-image-outset প্রোপার্টি ১ থেকে ৪ টি ভ্যালু নিতে পারে (উপর, ডান, নিচে এবং বাম সাইড)। যদি ৪র্থ ভ্যালু না থাকে, তাহলে এটি ২য় ভ্যালুর সমান হবে। যদি ৩য় ভ্যালু না থাকে, তাহলে এটি ১ম ভ্যালুর সমান হবে। যদি ২য় ভ্যালু না থাকে, তাহলে এটি ১ম ভ্যালুর সমান হবে।
বর্ডার ইমেজকে একটি এলিমেন্টের বর্ডারের প্রান্তে ১০ পিক্সেল বাইরে সেট করি:
#borderimg {
border-image-source: url(border.png);
border-image-outset: 10px;
}
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.borderImageOutset="10px"
border-image-outset প্রোপার্টির ভ্যালু-সমূহ
- length - লেন্থ ইউনিট নির্দেশ করে যে, বর্ডার ইমেজের প্রান্ত কতদূর গিয়ে প্রদর্শিত হবে। ডিফল্ট ভ্যালু ০ ।
- number - বহু অনূরুপ border-width নির্দেশ করে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
border-image-outset প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।