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

borderBottomColor প্রপার্টি ব্যবহার করে একটি এলিমেন্টের নিচের বর্ডারের রঙ সেট বা গেট করা হয়। border-style ঘোষণা করা অপরিহার্য কারণ এলিমেন্টের বর্ডার থাকতে হবে এই প্রপার্টি কাজ করার জন্য।

সিনট্যাক্স

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

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

borderBottomColor প্রপার্টি রিটার্ন করার সিনট্যাক্স:

object.style.borderBottomColor

মানসমূহ

ক্রম	মান ও বিবরণ
১	color নিচের বর্ডারের রঙ নির্দিষ্ট করতে ব্যবহৃত হয়। ডিফল্ট রঙ কালো।
২	transparent নিচের বর্ডার ট্রান্সপারেন্ট করতে ব্যবহৃত হয় অর্থাৎ নিচ থেকে কন্টেন্ট দেখা যায়।
৩	Initial প্রপার্টিটিকে প্রাথমিক মান হিসেবে সেট করে।
৪	Inherit প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকার হিসেবে গ্রহণ করে।

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  #IMG1 { 
    border-bottom: 7px solid orange; 
    box-shadow: 2px 2px 4px 1px seagreen; 
  } 
</style> 
<script> 
  function changeBorder(){ 
    document.getElementById("IMG1").style.borderBottomColor="pink"; 
    document.getElementById("Sample").innerHTML="The bottom border color for the image is now changed"; 
  } 
</script> 
</head> 
<body> 
<h2>iOS Tutorial</h2> 
<img id="IMG1" src="https://www.tutorialspoint.com/ios/images/ios.jpg"> 
<p>Change the above image's below border...</p> 
<button onclick="changeBorder()">Change Bottom Border</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

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

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

"Change Bottom border"-এ ক্লিক করলে:

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