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

আউটলাইন শৈলী সেট করতে outlineStyle প্রপার্টিটি ব্যবহার করুন। আউটলাইন হতে পারে: solid, dotted, dashed ইত্যাদি।

উদাহরণ

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

<!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";          }       </script>    </body> </html>

ব্যাখ্যা: outline বর্ডারের মতো কিন্তু বক্স মডেলের অংশ নয় (জায়গা নেয় না, লেআউট প্রভাবিত করে না)। ফোকাস ইন্ডিকেটরের জন্য ব্রাউজার ডিফল্ট আউটলাইন ব্যবহার করে। মান: none, solid, dotted, dashed, double, groove, ridge, inset, outset। উদাহরণে রং ও শৈলী দুটোই সেট করা হয়েছে।