CSS के साथ लेटर स्पेसिंग

अक्षरों यानी कैरेक्टर्स के बीच स्पेस सेट करने के लिए letter-spacing प्रॉपर्टी का उपयोग करें।

प्रॉपर्टी मान

letter-spacing: normal | length | initial | inherit;

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p.demo1 { letter-spacing: 1px; } 
      p.demo2 { letter-spacing: 10px; } 
    </style> 
  </head> 
  <body> 
    <h1>डेमो हेडिंग</h1> 
    <h2>हेडिंग2</h2> 
    <p class="demo1">यह डेमो टेक्स्ट है।</p> 
    <h2>हेडिंग2</h2> 
    <p class="demo2">यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

आउटपुट

एक और उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p.demo1 { letter-spacing: 1cm; } 
      p.demo2 { letter-spacing: -2px; } 
    </style> 
  </head> 
  <body> 
    <h1>डेमो हेडिंग</h1> 
    <h2>हेडिंग2</h2> 
    <p class="demo1">यह डेमो टेक्स्ट है।</p> 
    <h2>हेडिंग2</h2> 
    <p class="demo2">यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

आउटपुट

व्याख्या: letter-spacing: 1px थोड़ा अंतर जोड़ता है। 10px बड़ा अंतर। 1cm बहुत बड़ा (10mm)। -2px अक्षरों को एक साथ खींचता है (ओवरलैप हो सकता है)। डिफ़ॉल्ट normal (0) है। यह ट्रैकिंग/कर्निंग नियंत्रण के लिए उपयोगी है।