কম্পিউটার

HTML DOM শৈলী লেটারস্পেসিং প্রপার্টি


HTML DOM শৈলী লেটারস্পেসিং বৈশিষ্ট্যটি পাঠ্যের মধ্যে অক্ষর স্থান নির্ধারণ বা পাওয়ার জন্য ব্যবহৃত হয়।

-এর সিনট্যাক্স নিচে দেওয়া হল

লেটারস্পেসিং বৈশিষ্ট্য −

সেট করা হচ্ছে
object.style.letterSpacing = "normal|length|initial|inherit"

উপরের বৈশিষ্ট্যগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -

মান
বর্ণনা
স্বাভাবিক৷
এটি ডিফল্ট বৈশিষ্ট্য এবং অক্ষর স্থানটিকে স্বাভাবিক অবস্থায় সেট করে৷
দৈর্ঘ্য৷
দৈর্ঘ্যের একক এবং ঋণাত্মক মানগুলিতে অক্ষরের স্থান নির্দিষ্ট করারও অনুমতি রয়েছে৷
প্রাথমিক৷
এই প্রপার্টিটিকে প্রারম্ভিক মানের জন্য ফরসেট করা হচ্ছে।
উত্তরাধিকার৷
অভিভাবক সম্পত্তি মান উত্তরাধিকারসূত্রে প্রাপ্ত করুন৷

আসুন লেটারস্পেসিং প্রপার্টির জন্য একটি উদাহরণ দেখি:

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<script>
   function changeSpacing() {
      document.getElementById("myP").style.letterSpacing = "12px";
      document.getElementById("Sample").innerHTML = "The space between characters is now increased";
   }
</script>
</head>
<body>
   <p id="myP">This is some text inside the sample paragraph. This is another line in paragraph. This    is second line in paragraph. This is third line in paragraph. </p>
   <p>Increase the space between characters in the above paragraph by clicking the below button</p>
   <button type="button" onclick="changeSpacing()">Increase Letter Spacing</button>
   <p id="Sample"></p>
</body>
</html>

আউটপুট

HTML DOM শৈলী লেটারস্পেসিং প্রপার্টি

অক্ষরের ব্যবধান বাড়ান ক্লিক করলে ” বোতাম -

HTML DOM শৈলী লেটারস্পেসিং প্রপার্টি


  1. এইচটিএমএল ডম স্টাইল টেক্সট ডেকোরেশন কালার প্রপার্টি

  2. এইচটিএমএল ডম স্টাইল ট্রান্সফর্ম স্টাইল প্রপার্টি

  3. HTML DOM স্টাইল ট্রান্সফর্ম অরিজিন প্রপার্টি

  4. HTML DOM শৈলী লেটারস্পেসিং প্রপার্টি