বর্ডার কালার প্রপার্টি একটি এলিমেন্টের বর্ডার কালার সেট বা পাওয়ার জন্য ব্যবহার করা হয়। বর্ডার কালার প্রপার্টি ব্যবহার করে আমরা সীমানার প্রতিটি পাশের রঙগুলিকে ম্যানিপুলেট করতে পারি, অর্থাৎ প্রতিটি পাশের সীমানা ভিন্ন রঙের।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলবর্ডার কালার প্রপার্টি সেট করা হচ্ছে
object.style.borderColor = "color|transparent|initial|inherit"
মান
সম্পত্তি মান নিম্নরূপ ব্যাখ্যা করা হয় −
| Sr.No | মান ও বর্ণনা |
|---|---|
| 1 | রঙ সীমানা রঙ নির্দিষ্ট করার জন্য. |
| 2 | স্বচ্ছ এটি বর্ডার রঙকে স্বচ্ছ করে তোলে এবং এর নীচের বিষয়বস্তু দেখা যায়। |
| 3 | প্রাথমিক এই সম্পত্তি প্রাথমিক মান সেট করার জন্য. |
| 4 | উত্তরাধিকার পিতামাতার সম্পত্তির মান উত্তরাধিকার সূত্রে পাওয়া |
উদাহরণ
আসুন আমরা বর্ডার কালার প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
width:100px;
height:100px;
border:solid 10px ;
border-color: limegreen crimson;
top: 10px;
}
</style>
<script>
function changeBorderColor(){
document.getElementById("DIV1").style.borderColor="crimson limegreen";
document.getElementById("Sample").innerHTML="The border colors are now reversed ";
}
</script>
</head>
<body>
<div id="DIV1"></div>
<p>Reverse the above div border colors by clicking the below button</p>
<button onclick="changeBorderColor()">Change Border Color</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
কোলাপস বর্ডার বোতামে ক্লিক করলে -
