HTML DOM Object Width প্রোপার্টি

HTML DOM Object Width প্রোপার্টি

<object> এলিমেন্টের width প্রোপার্টি (HTML DOM) অবজেক্টের প্রস্থ (width) পিক্সেলে সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি HTML width অ্যাট্রিবিউটের রিফ্লেকশন।

সিনট্যাক্স

// প্রস্থ পাওয়া
objObject.width

// প্রস্থ সেট করা
objObject.width = "pixels"

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <object id="myObj" width="300" height="200"
          data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf"
          style="border:2px solid red">
  </object>
  <p>প্রস্থ আপডেট করতে ক্লিক করুন।</p>
  <button onclick="updateWidth()">প্রস্থ আপডেট</button>
  <p id="output"></p>
  <script>
    function updateWidth() {
      document.getElementById("myObj").width = "550";
      document.getElementById("output").innerHTML = "নতুন প্রস্থ: 550px";
    }
  </script>
</body>
</html>

আউটপুট

"প্রস্থ আপডেট" বাটনে ক্লিক করলে প্রস্থ ৫৫০px হয়ে যাবে:

দ্রষ্টব্য

• width প্রোপার্টি স্ট্রিং রিটার্ন করে (যেমন "300"), কিন্তু সংখ্যাও অ্যাসাইন করা যায় (obj.width = 550)।
• এটি <object> এলিমেন্টের রেন্ডারড সাইজ পরিবর্তন করে, কিন্তু এম্বেডেড কন্টেন্ট (SWF, PDF, SVG) নিজের আকার ধরে রাখতে পারে।
• CSS width প্রোপার্টি (style.width) আলাদা — এটি লেআউটে আকার নিয়ন্ত্রণ করে।

width vs style.width