borderLeftStyle প্রপার্টি একটি এলিমেন্টের বাম বর্ডারের শৈলী সেট বা ফেরত দেওয়ার জন্য ব্যবহৃত হয়।
সিনট্যাক্স
borderLeftStyle প্রপার্টি সেট করার সিনট্যাক্স:
object.style.borderLeftStyle = value
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| none | এটি ডিফল্ট মান যা কোনো বর্ডার না থাকা নির্দেশ করে। |
| hidden | "none"-এর মতোই কিন্তু বর্ডার স্পেস নেবে। এটি মূলত স্বচ্ছ কিন্তু উপস্থিত থাকে। |
| dotted | ডটেড বর্ডার সংজ্ঞায়িত করে। |
| dashed | ড্যাশড বর্ডার সংজ্ঞায়িত করে। |
| solid | স olid বর্ডার সংজ্ঞায়িত করে। |
| double | ডাবল বর্ডার সংজ্ঞায়িত করে। |
| groove | 3D groove বর্ডার সংজ্ঞায়িত করে এবং ridge-এর বিপরীত। |
| ridge | 3D ridged বর্ডার সংজ্ঞায়িত করে এবং groove-এর বিপরীত। |
| inset | 3D inset বর্ডার সংজ্ঞায়িত করে এবং outset-এর বিপরীত প্রভাব তৈরি করে। |
| outset | 3D outset বর্ডার সংজ্ঞায়িত করে এবং inset-এর বিপরীত প্রভাব তৈরি করে। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #DIV1{ width:300px; height:100px; border-left: 8px solid dodgerblue; border-left-style: groove; } </style> <script> function changeLeftStyle(){ document.getElementById("DIV1").style.borderLeftStyle="dashed"; document.getElementById("Sample").innerHTML="বাম বর্ডারের শৈলী এখন পরিবর্তিত হয়েছে"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>নিচের বাটনে ক্লিক করলে উপরের div-এর বাম বর্ডার শৈলী পরিবর্তন হবে</p> <button onclick="changeLeftStyle()">বাম শৈলী পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
বাম শৈলী পরিবর্তন করুন বাটনে ক্লিক করলে:
