HTML DOM Style borderColor প্রপার্টি

borderColor প্রপার্টি ব্যবহার করে একটি এলিমেন্টের বর্ডার রঙ সেট বা গেট করা হয়। borderColor প্রপার্টি ব্যবহার করে বর্ডারের প্রতিটি পাশের রঙ আলাদা আলাদা ম্যানিপুলেট করা যায়।

সিনট্যাক্স

borderColor প্রপার্টি সেট করার সিনট্যাক্স:

object.style.borderColor = "color|transparent|initial|inherit"

মানসমূহ

উদাহরণ

borderColor প্রপার্টির উদাহরণ:

<!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>

আউটপুট

নিচের আউটপুট তৈরি হবে:

COLLAPSE BORDER বাটনে ক্লিক করলে: