BorderLeftStyle প্রপার্টিটি একটি উপাদানের জন্য বাম বর্ডার স্টাইল সেট বা ফেরানোর জন্য ব্যবহৃত হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলবর্ডার লেফটস্টাইল প্রপার্টি −
সেট করা হচ্ছেobject.style.borderLeftStyle = value
উপরের বৈশিষ্ট্যগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -
| মান | বর্ণনা |
|---|---|
| কিছুই নয় | এটি কোনো সীমানা নির্দিষ্ট না করে ডিফল্ট মান। |
| লুকানো | এটি "কোনটিই নয়" এর মতো কিন্তু তবুও সীমানা স্থান নেবে৷ এটা মূলত স্বচ্ছ কিন্তু এখনও আছে. |
| ডটেড | এটি একটি বিন্দুযুক্ত সীমানা সংজ্ঞায়িত করে৷ |
| ড্যাশ করা | এটি একটি ড্যাশ বর্ডার সংজ্ঞায়িত করে৷ |
| কঠিন | এটি একটি কঠিন সীমানা সংজ্ঞায়িত করে৷ |
| ডবল | এটি একটি ডবল বর্ডার সংজ্ঞায়িত করে৷ |
| খাঁজ | এটি একটি 3d খাঁজ সীমানা সংজ্ঞায়িত করে এবং এটি রিজের বিপরীত |
| রিজ | এটি একটি 3D রিজড সীমানা সংজ্ঞায়িত করে এবং এটি খাঁজের বিপরীত |
| ইনসেট | এটি একটি 3D ইনসেট সীমানা সংজ্ঞায়িত করে এবং প্রভাবটি মনে হচ্ছে এটি এমবেড করা আছে৷ এটি শুরুর বিপরীত প্রভাব তৈরি করে। |
| আউটসেট | এই প্রপার্টিটিকে প্রাথমিক মানতে সেট করার জন্য। |
| প্রাথমিক | এই প্রপার্টিটিকে প্রাথমিক মানতে সেট করার জন্য। |
| উত্তরাধিকার | অভিভাবক সম্পত্তি মান উত্তরাধিকার সূত্রে পেতে |
আসুন আমরা বর্ডারলেফ্টস্টাইল প্রপার্টি -
-এর একটি উদাহরণ দেখিউদাহরণ
<!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="The left border style is now changed";
}
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the above div left border style size by clicking the below button</p>
<button onclick="changeLeftStyle()">Change Left Style</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
"বাম শৈলী পরিবর্তন করুন" বোতামে ক্লিক করলে -
