Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Style letterSpacing प्रॉपर्टी


परिचय

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>

आउटपुट

प्रारंभिक स्थिति (सामान्य स्पेसिंग):

HTML DOM Style letterSpacing प्रॉपर्टी

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

HTML DOM Style letterSpacing प्रॉपर्टी


  1. HTML DOM Style transformStyle प्रॉपर्टी HTML DOM Style transformStyle प्रॉपर्टी

    विवरण HTML DOM Style transformStyle प्रॉपर्टी HTML दस्तावेज़ में किसी तत्व पर 2D या 3D ट्रांसफॉर्मेशन को प्राप्त और लागू करती है। सिंटैक्स transformStyle प्राप्त करना object.style.transformStyle transformStyle संशोधित करना object.style.transformStyle = value मान यहां value निम्नलिखित हो सकते हैं

  1. HTML DOM Style transformOrigin गुणधर्म HTML DOM Style transformOrigin गुणधर्म

    HTML DOM style transformOrigin गुणधर्म किसी HTML दस्तावेज़ में एक तत्व पर 2D या 3D ट्रांसफ़ॉर्मेशन लागू करने का स्थान निर्धारित करता है और उसे लौटाता है। वाक्य रचना (Syntax) निम्नलिखित वाक्य रचना है: transformOrigin लौटाना object.style.transformOrigin transformOrigin संशोधित करना object.style.tr

  1. HTML DOM Style letterSpacing प्रॉपर्टी HTML DOM Style letterSpacing प्रॉपर्टी

    परिचय HTML DOM Style letterSpacing प्रॉपर्टी का उपयोग टेक्स्ट में कैरेक्टर्स के बीच की स्पेसिंग सेट करने या प्राप्त करने के लिए किया जाता है। सिंटैक्स object.style.letterSpacing = normal|length|initial|inherit मान और विवरण मान विवरण normal यह डिफ़ॉल्ट प्रॉपर्टी है और कैरेक्टर स्पेस को सामा