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

borderBottomWidth প্রপার্টি ব্যবহার করে একটি এলিমেন্টের নিচের বর্ডার প্রস্থ সেট বা গেট করা হয়।

সিনট্যাক্স

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

object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"

মানসমূহ

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  #DIV1{ 
    height: 100px; 
    width: 200px; 
    border: 10px groove orange; 
    padding: 10px; 
    border-bottom-width:30px; 
  } 
</style> 
<script> 
  function changeBottomWidth(){ 
    document.getElementById("DIV1").style.borderBottomWidth="1px"; 
    document.getElementById("Sample").innerHTML="The bottom border width is now decreased"; 
  } 
</script> 
</head> 
<body> 
<div id="DIV1">SOME SAMPLE TEXT</div> 
<p>Change the above div bottom border width by clicking the below button</p> 
<button onclick="changeBottomWidth()">Change Bottom Width</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

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

"Change Bottom Width" বাটনে ক্লিক করলে: