परिचय
HTML DOM Style letterSpacing प्रॉपर्टी का उपयोग टेक्स्ट में कैरेक्टर्स के बीच की स्पेसिंग सेट करने या प्राप्त करने के लिए किया जाता है।
सिंटैक्स
object.style.letterSpacing = "normal|length|initial|inherit"
मान और विवरण
| मान | विवरण |
|---|---|
normal |
यह डिफ़ॉल्ट प्रॉपर्टी है और कैरेक्टर स्पेस को सामान्य पर सेट करती है। |
length |
लंबाई इकाइयों में कैरेक्टर स्पेस निर्दिष्ट करने के लिए। नेगेटिव मान भी अनुमत हैं। |
initial |
इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करता है। |
inherit |
पैरेंट एलिमेंट से प्रॉपर्टी मान विरासत में लेता है। |
उदाहरण
<!DOCTYPE html>
<html>
<head>
<script>
function changeSpacing() {
document.getElementById("myP").style.letterSpacing = "12px";
document.getElementById("Sample").innerHTML = "कैरेक्टर्स के बीच की स्पेस अब बढ़ा दी गई है";
}
</script>
</head>
<body>
<p id="myP">यह सैंपल पैराग्राफ के अंदर कुछ टेक्स्ट है। यह पैराग्राफ में दूसरी लाइन है। यह पैराग्राफ में तीसरी लाइन है।</p>
<p>ऊपर के पैराग्राफ में कैरेक्टर्स के बीच की स्पेस बढ़ाने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
<button type="button" onclick="changeSpacing()">लेटर स्पेसिंग बढ़ाएं</button>
<p id="Sample"></p>
</body>
</html>
आउटपुट
प्रारंभिक स्थिति (सामान्य स्पेसिंग):

"लेटर स्पेसिंग बढ़ाएं" बटन पर क्लिक करने के बाद (12px स्पेसिंग):
