HTML DOM borderTopWidth প্রপার্টি একটি এলিমেন্টের উপরের বর্ডারের প্রস্থ সেট বা পাওয়ার জন্য ব্যবহৃত হয়।
সিনট্যাক্স
borderTopWidth প্রপার্টি সেট করার সিনট্যাক্স:
object.style.borderTopWidth = "thin|medium|thick|length|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| thin | পাতলা বর্ডার নির্দেশ করে। |
| medium | মাঝারি বর্ডার নির্দেশ করে এবং এটি ডিফল্ট মান। |
| thick | মোটা বর্ডার নির্দেশ করে। |
| length | লেন্থ ইউনিটে বর্ডারের প্রস্থ নির্দেশ করতে ব্যবহৃত হয়। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #DIV1{ height: 100px; width: 200px; border: 10px groove orange; padding: 10px; border-Top-width:30px; } </style> <script> function changeTopWidth(){ document.getElementById("DIV1").style.borderTopWidth="1px"; document.getElementById("Sample").innerHTML="উপরের বর্ডার প্রস্থ এখন কমে গেছে"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>নিচের বাটনে ক্লিক করলে উপরের div-এর উপরের বর্ডার প্রস্থ পরিবর্তন হবে</p> <button onclick="changeTopWidth()">উপরের প্রস্থ পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
উপরের প্রস্থ পরিবর্তন করুন বাটনে ক্লিক করলে:
