সিএসএস border-bottom-right-radius প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| border-bottom-right-radius | ৫.০ ৪.০ -webkit- |
৯.০ | ৪.০ ৩.০ -moz- |
৫.০ ৩.১ -webkit- |
১০.৫ |
সংজ্ঞা ও ব্যবহার
"border-bottom-right-radius" প্রোপার্টি নিচের ডান কোনের বর্ডারের ধরণকে বুঝায়।
পরামর্শঃ
- এই প্রোপার্টিটিতে আপনি বৃত্তাকার বর্ডার এলিমেন্ট যোগ করতে পারবেন।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| ০ | না | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
border-bottom-right-radius: length/% [length/%]/initial/inherit;
পরামর্শঃ
- প্রথম ভ্যালুটি অনুভূমিক ব্যাসার্ধ, দ্বিতীয় ভ্যালুটি উল্লম্ব ব্যাসার্ধ। যদি দ্বিতীয় ভ্যালুটি না দেওয়া হয় তবে ইহা প্রথম ভ্যালু থেকে নিজের মান নিয়ে নিবে। যদি যেকোন একটি ভ্যালু শূন্য হয়, কর্ণার গোলাকার না হয়ে বর্গাকার হবে। অনুভূমিক ব্যাসার্ধের শতকরা বর্ডার বক্সের প্রস্থকে বুঝায়, এখানে উল্লম্ব ব্যাসার্ধ বর্ডার বক্সের উচ্চতাকে বুঝায়।
একটি <div> এলিমেন্টের নিচের অংশে ডান কোনে একটি বৃত্তাকার বর্ডার যোগ করিঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 2px solid;
padding: 10px;
background: lightgreen;
border-bottom-right-radius: 2em;
}
</style>
</head>
<body>
<div>border-bottom-right-radius প্রোপার্টি এলিমেন্টের নিচের অংশে ডান কোনে একটি বৃত্তাকার বর্ডার যুক্ত করে।</div>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.borderBottomRightRadius="25px"উদাহরণঃ
object.style.borderBottomRightRadius= "25px" এর ব্যবহারঃ
<!DOCTYPE html>
<html>
<head>
<style>
#thisDiv {
border: 1px solid black;
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>DIV এলিমেন্টের bottom-right-radius প্রোপার্টি পরিবর্তন করতে "চেষ্টা করি" বাটনে ক্লিক করুন:</p>
<button onclick="myFunction()">চেষ্টা করি </button>
<div id="thisDiv">
<h1>হ্যালো বাংলাদেশ!!</h1>
</div>
<script>
function myFunction() {
document.getElementById("thisDiv").style.borderBottomRightRadius = "25px";
}
</script>
</body>
</html>
ফলাফল
border-bottom-right-radius প্রোপার্টির ভ্যালু-সমূহ
- length - নিচের ডান কোনের ধরনকে বুঝায় যার ডিফল্ট ভ্যালু ০ হবে।
- % - নিচের ডান কোনের % এর ধরনকে বুঝায়।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
border-bottom-right-radius প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।