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

জাভাস্ক্রিপ্টে একটি ঘোষণায় fontStyle, fontVariant, fontWeight, fontSize, lineHeight এবং fontFamily সেট করা

জাভাস্ক্রিপ্টে সব ফন্ট প্রপার্টি একসাথে সেট করতে font প্রপার্টিটি ব্যবহার করুন। নিচের উদাহরণটি দেখুন কিভাবে একটি একক ঘোষণায় সব ফন্ট প্রপার্টি সেট করা যায়।

উদাহরণ

<!DOCTYPE html> <html>    <body>       <h1>শিরোনাম ১</h1>       <p id="myID">          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।       </p>       <button type="button" onclick="display()">ফন্ট সেট করুন</button>       <script>          function display() {             document.getElementById("myID").style.font = "italic 15px verdana,sans-serif";          }       </script>    </body> </html>

ব্যাখ্যা: font শর্টহ্যান্ড প্রপার্টিটি ব্যবহার করে আপনি ফন্ট স্টাইল, ভেরিয়েন্ট, ওজন, আকার, লাইন উচ্চতা এবং ফন্ট পরিবার একসাথে সংজ্ঞায়িত করতে পারেন। এটি কোড সংক্ষিপ্ত এবং পঠনযোগ্য করে।

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

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

  3. জাভাস্ক্রিপ্টে listStyleImage, listStylePosition, এবং listStyleType একসাথে একটি ঘোষণায় সেট করা

  4. জাভাস্ক্রিপ্টে সব আউটলাইন প্রপার্টি এক ঘোষণায় সেট করা