বর্ডারবটমস্টাইল প্রপার্টিটি একটি উপাদানের নিচের সীমানার জন্য লাইন স্টাইল সেট বা পাওয়ার জন্য ব্যবহার করা হয়।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলবর্ডার বটমস্টাইল প্রপার্টি
সেট করা হচ্ছেobject.style.borderBottomStyle = value
মানগুলি
সম্পত্তি মান নিম্নরূপ ব্যাখ্যা করা হয় −
| Sr.No | মান ও বর্ণনা |
|---|---|
| 1 | কোনটিই নয়৷ এটি ডিফল্ট মান এবং কোন সীমানা নির্ধারণ করে না। |
| 2 | লুকানো৷ এটি "কোনটিই নয়" এর মতো তবে এখনও সীমানা স্থান নেবে৷ এটা মূলত স্বচ্ছ কিন্তু এখনও আছে. |
| 3 | ডটেড এটি একটি বিন্দুযুক্ত সীমানা সংজ্ঞায়িত করে। |
| 4 | ড্যাশ করা৷ এটি একটি ড্যাশ সীমানা সংজ্ঞায়িত করে। |
| 5 | কঠিন এটি একটি কঠিন সীমানা সংজ্ঞায়িত করে। |
| 6 | ডবল এটি একটি ডবল সীমানা সংজ্ঞায়িত করে। |
| 7 | খাঁজ এটি একটি 3d খাঁজ সীমানা সংজ্ঞায়িত করে এবং এটি রিজের বিপরীত। |
| 8 | রিজ এটি একটি 3D রিজড সীমানা সংজ্ঞায়িত করে এবং এটি খাঁজের বিপরীত। |
| 9 | ইনসেট এটি একটি 3D ইনসেট সীমানা সংজ্ঞায়িত করে এবং প্রভাবটি মনে হচ্ছে এটি এমবেড করা আছে৷ এটি শুরুর বিপরীত প্রভাব তৈরি করে। |
| 10 | শুরু এটি একটি 3D ইনসেট সীমানা সংজ্ঞায়িত করে এবং প্রভাবটি মনে হয় এটি এমবসড। এটি ইনসেটের বিপরীত প্রভাব তৈরি করে। |
| 11 | প্রাথমিক এই সম্পত্তি প্রাথমিক মান সেট করার জন্য. |
| 12 | উত্তরাধিকার পিতামাতার সম্পত্তির মান উত্তরাধিকার সূত্রে পাওয়া |
উদাহরণ
আসুন আমরা বর্ডারবটমস্টাইল প্রপার্টি -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
width:300px;
height:100px;
border-bottom: 8px solid dodgerblue;
border-bottom-style: groove;
}
</style>
<script>
function changeBottomStyle(){
document.getElementById("DIV1").style.borderBottomStyle="dashed";
document.getElementById("Sample").innerHTML="The bottom border style is now changed";
}
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the div bottom border style size by clicking the below button</p>
<button onclick="changeBottomStyle()">Change Bottom Style</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"চেঞ্জ বটম স্টাইল" বোতামে ক্লিক করলে -
