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

HTML DOM borderImageOutset প্রোপার্টি الخلفيের ছবির এলাকা কতটুকু এলিমেন্ট বর্ডার বক্সের বাইরে এক্সটেন্ড করবে তা সেট বা রিটার্ন করতে ব্যবহৃত হয়। top, left, right এবং bottom-এর মান ব্যবহার করে আমরা নির্দিষ্ট করতে পারি কতটুকু পেছনের ছবি এলিমেন্টের সংশ্লিষ্ট বর্ডার থেকে এক্সটেন্ড হবে।

সিনট্যাক্স

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

borderImageOutset প্রোপার্টি সেট করা:

object.style.borderImageOutset = "length|number|initial|inherit"

প্রোপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:

উদাহরণ

borderImageOutset প্রোপার্টির উদাহরণ দেখি:

<!DOCTYPE html> <html> <head> <style>    #P1 {       border: 20px solid transparent;       margin: 20px;       border-image: url("https://www.tutorialspoint.com/tensorflow/images/tensorflow.jpg") 30       round;       border-image-outset: 5px;       background-color: lightgreen;    } </style> <script>    function changeBottomOutset(){       document.getElementById("P1").style.borderImageOutset="20px";       document.getElementById("Sample").innerHTML="The border image outset is now       increased";    } </script> </head> <body> <h2>Demo Heading</h2> <p id="P1"> This is a sample paragraph containing some text. This paragraph is created only for the sake of this example</p> <p>Change the above div border image outset by clicking the below button</p> <button onclick="changeBottomOutset()">Change Bottom Outset</button> <p id="Sample"></p> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

「Change Border Outset」 বাটনে ক্লিক করলে: