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

HTML DOM Style border প্রপার্টি ব্যবহার করে একটি এলিমেন্টের বর্ডার প্রপার্টি গেট বা সেট করা হয়। এটি border-width, border-style এবং border-color-এর শর্টহ্যান্ড প্রপার্টি।

সিনট্যাক্স

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

object.style.border = "width style color|initial|inherit"

প্যারামিটার

উপরের প্রপার্টিগুলো নিচে ব্যাখ্যা করা হলো:

ক্রম	প্যারামিটার ও বিবরণ
১	Width বর্ডার প্রস্থ সেট করতে ব্যবহৃত হয়।
২	Style বর্ডার স্টাইল সেট করতে ব্যবহৃত হয়।
৩	Color বর্ডার রঙ সেট করতে ব্যবহৃত হয়।
৪	Initial প্রপার্টিটিকে প্রাথমিক মান হিসেবে সেট করে।
৫	Inherit প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকার হিসেবে গ্রহণ করে।

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  #IMG1 { 
    border: 2px solid orange; 
    box-shadow: 2px 2px 4px 1px seagreen; 
  } 
</style> 
<script> 
  function changeBorder(){ 
    document.getElementById("IMG1").style.border="4px dotted pink"; 
    document.getElementById("Sample").innerHTML="The border for the image is now changed"; 
  } 
</script> 
</head> 
<body> 
<h2>Learn XAMARIN</h2> 
<img id="IMG1" src="https://www.tutorialspoint.com/xamarin/images/xamarin-minilogo.jpg"> 
<p>Change the above image border clicking the below button</p> 
<button onclick="changeBorder()">CHANGE BORDER</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

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

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

CHANGE BORDER-এ ক্লিক করলে:

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