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

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

উদাহরণ

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 450px;             background-color: orange;             border: 3px solid red;          }       </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.outline = "thick solid";             document.getElementById("box").style.outlineColor = "#5F5F5F";          }       </script>    </body> </html>

ব্যাখ্যা: outline-color` মান: যেকোনো বৈধ CSS রং (নেমড, হেক্স, RGB, HSL)। উদাহরণে শর্টহ্যান্ড outline: thick solid দিয়ে প্রস্থ ও শৈলী সেট করা হয়েছে, তারপর আলাদা করে outlineColor সেট করা হয়েছে। শর্টহ্যান্ড outline: thick solid #5F5F5F এক লাইনে সম্ভব।