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

HTML DOM Style letterSpacing প্রপার্টি

HTML DOM Style letterSpacing প্রপার্টি টেক্সটের ক্যারেক্টারগুলির মধ্যবর্তী স্থান সেট বা পেতে ব্যবহৃত হয়।

সিনট্যাক্স

letterSpacing প্রপার্টি সেট করার জন্য:

object.style.letterSpacing = "normal|length|initial|inherit"

প্রপার্টি মানগুলি

মান বিবরণ
normal ডিফল্ট প্রপার্টি, ক্যারেক্টার স্পেসকে নরমাল সেট করে।
length দৈর্ঘ্য এককে (px, em ইত্যাদি) ক্যারেক্টার স্পেস নির্দিষ্ট করে, নেগেটিভ মানও অনুমোদিত।
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>নিচের বাটনে ক্লিক করে উপরের প্যারাগ্রাফের ক্যারেক্টারগুলোর মধ্যবর্তী স্থান বাড়ান</p>
  <button type="button" onclick="changeSpacing()">লেটার স্পেসিং বাড়ান</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় টেক্সট নরমাল লেটার স্পেসিং-এ থাকবে।

"লেটার স্পেসিং বাড়ান" বাটনে ক্লিক করার পর ক্যারেক্টারগুলোর মধ্যবর্তী স্থান 12px হবে।

  1. HTML DOM Style textDecorationColor প্রোপার্টি

  2. HTML DOM Style transformStyle প্রোপার্টি

  3. HTML DOM Style transformOrigin প্রোপার্টি

  4. HTML DOM Style letterSpacing প্রপার্টি