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

বিবরণ

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

সিনট্যাক্স

borderBottomLeftRadius প্রোপার্টি সেট করার সিনট্যাক্স:

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

মানগুলো

উদাহরণ

borderBottomLeftRadius প্রোপার্টির জন্য একটি উদাহরণ:

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

আউটপুট

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

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