HTML DOM Style borderBottomRightRadius প্রোপার্টি

বিবরণ

borderBottomRightRadius প্রোপার্টি ব্যবহার করা হয় একটি উপাদানের নিচের ডান কোণে রাউন্ডেড কর্নার যোগ করতে বা তাদের মাপ পেতে।

সিনট্যাক্স

borderBottomRightRadius প্রোপার্টি পাওয়ার সিনট্যাক্স নিচে দেওয়া হল:

object.style.borderBottomRightRadius = "length|% [length|%]|initial|inherit"

মানগুলো

উদাহরণ

borderBottomRightRadius প্রোপার্টির জন্য একটি উদাহরণ নিচে দেওয়া হল:

<!DOCTYPE html> <html> <head> <style>    #DIV1{       height: 100px;       width: 200px;       border: 10px groove orange;       padding: 10px;       border-bottom-right-radius: 240px 90px;    } </style> <script>    function changeBottomBorder(){       document.getElementById("DIV1").style.borderBottomRightRadius="90px 50px";       document.getElementById("Sample").innerHTML="The bottom border right radius is now decreased";    } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>Change the above image bottom right border size by clicking the below button</p> <button onclick="changeBottomBorder()">Change Bottom Border</button> <p id="Sample"></p> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

"Change Bottom Border" বাটনে ক্লিক করার পর: