জাভাস্ক্রিপ্টে একটি এলিমেন্টের চারদিকের আউটলাইন প্রস্থ সেট করা

আউটলাইন প্রস্থ সেট করতে outlineWidth প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

জাভাস্ক্রিপ্টে একটি এলিমেন্টের চারদিকের আউটলাইন প্রস্থ সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 450px;             background-color: orange;             border: 3px solid red;             margin-left: 20px;          }       </style>    </head>    <body>       <p>নিচে ক্লিক করুন আউটলাইন প্রস্থ যোগ করতে।</p>       <div id="box">          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>          <p>এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ। এটি একটি ডিভ।</p>       </div>       <br>       <button type="button" onclick="display()">আউটলাইন প্রস্থ সেট করুন</button>       <br>       <script>          function display() {             document.getElementById("box").style.outlineColor = "#5F5F5F";             document.getElementById("box").style.outlineStyle = "solid";             document.getElementById("box").style.outlineWidth = "7px";          }       </script>    </body> </html>

ব্যাখ্যা: outline-width মান: thin (১পিক্সেল), medium (৩পিক্সেল, ডিফল্ট), thick (৫পিক্সেল), বা নির্দিষ্ট দৈর্ঘ্য (px, em, rem)। উদাহরণে ৭পিক্সেল সেট করা হয়েছে। আউটলাইন বর্ডারের বাইরে থাকে, তাই লেআউটে জায়গা নেয় না।