HTML DOM borderImageWidth প্রপার্টি একটি উপাদানের জন্য বর্ডার ইমেজের প্রস্থ সেট বা পেতে ব্যবহার করা হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলবর্ডারImageWidth বৈশিষ্ট্য −
সেট করা হচ্ছেobject.style.borderImageWidth = "number|%|auto|initial|inherit"
উপরের বৈশিষ্ট্যগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -
| মান | বিবরণ |
|---|---|
| দৈর্ঘ্য | px-এ সীমানা প্রস্থের আকার বর্ণনা করার জন্য। |
| নম্বর | সংশ্লিষ্ট সীমানা প্রস্থের গুণে সীমানা প্রস্থ বর্ণনা করার জন্য এবং এটির ডিফল্ট মান হল 1। |
| % | সীমান্ত চিত্র এলাকার প্রস্থের জন্য অনুভূমিক অফসেট এবং উল্লম্ব অফসেটগুলি বর্ণনা করার জন্য। |
| অটো | এটি চিত্রের প্রস্থ এবং উচ্চতার সাথে সম্পর্কিত প্রস্থ এবং উচ্চতা সেট করে। |
| প্রাথমিক | এই সম্পত্তি ডিফল্ট মান সেট করার জন্য। |
| উত্তরাধিকার | অভিভাবক সম্পত্তি মান উত্তরাধিকারসূত্রে পেতে। |
চলুন আমরা বর্ডার ইমেজউইথ প্রপার্টি −
এর একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#DIV1 {
width: 400px;
padding: 25px;
border-style: solid;
border-color: transparent;
border-image-slice: 30;
border-image-source: url("https://www.tutorialspoint.com/ethereum/images/ethereum-mini- logo.jpg");
border-image-width: 10px;
}
</style>
<script>
function changeBorderWidth(){
document.getElementById("DIV1").style.borderImageWidth="30px";
document.getElementById("Sample").innerHTML="The border image width is now increased";
}
</script>
</head>
<body>
<div id="DIV1">HELLO</div>
<p>Increase the above div border image width by clicking the below button</p>
<button onclick="changeBorderWidth()">Change Border Width</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
"সীমান্ত প্রস্থ পরিবর্তন করুন" ক্লিক করলে৷ বোতাম -
