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 হবে।