HTML DOM Style resize প্রোপার্টি

পরিচয়

HTML DOM Style resize প্রোপার্টি একটি HTML ডকুমেন্টের এলিমেন্ট ব্যবহারকারী দ্বারা রিসাইজ করা যাবে কিনা তা জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

মান ফেরত দেওয়া

object.style.resize

মান সেট করা

object.style.resize = "value"

প্রাপ্য মানসমূহ

উদাহরণ

নিচে HTML DOM Style resize প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  .resize-div { 
    border: 2px solid #fff; 
    margin: 2rem auto; 
    width: 300px; 
    overflow: auto; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
  } 
</style> </head> <body> 
<h1>DOM Style resize Property Example</h1> 
<div class="resize-div"> 
  <p>I'm a paragraph element with some dummy text.</p> 
</div> 
<button onclick="add()" class="btn">Set resize</button> 
<script> 
  function add() { 
    document.querySelector('div').style.resize = "both"; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

"Set resize" বাটনে ক্লিক করলে div এলিমেন্ট ব্যবহারকারী দ্বারা রিসাইজযোগ্য হবে।