কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে এলিমেন্টের আড়াঝাড়ি অ্যালাইনমেন্ট সেট করা

এলিমেন্ট আড়াঝাড়ি অ্যালাইন করতে cssFloat প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

জাভাস্ক্রিপ্টে এলিমেন্টের আড়াঝাড়ি অ্যালাইনমেন্ট সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <body>       <img id="myID" src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="300" height="300">       <p>এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।       </p>       <button type="button" onclick="display()">আড়াঝাড়ি অ্যালাইন করুন</button>           <script>          function display() {             document.getElementById("myID").style.cssFloat = "right";          }       </script>    </body> </html>

ব্যাখ্যা: জাভাস্ক্রিপ্টে float রিজার্ভড শব্দ হওয়ায় প্রপার্টি নাম হল cssFloat (IE-এ styleFloat)। মান: left, right, none, inline-start, inline-end। আধুনিক লেআউটে flexbox বা grid ব্যবহার করা ভালো, float লেগেসি।

  1. জাভাস্ক্রিপ্টে টেক্সট ডিরেকশন সেট করা

  2. জাভাস্ক্রিপ্টে টেক্সটের ফন্ট আকার সেট করা

  3. জাভাস্ক্রিপ্টে এলিমেন্টের আড়াঝাড়ি অ্যালাইনমেন্ট সেট করা

  4. জাভাস্ক্রিপ্টে একটি এলিমেন্টের চারদিকের মার্জিন সেট করা