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