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

CSS में लेटर स्पेसिंग सेट करने के लिए किस मेजरमेंट यूनिट का उपयोग करना चाहिए?


CSS के साथ लेटर स्पेसिंग सेट करने के लिए, em मेजरमेंट यूनिट का उपयोग करें।

फॉन्ट की ऊंचाई का एक सापेक्ष माप em स्पेस है। क्योंकि एक em यूनिट दिए गए फॉन्ट के आकार के बराबर होती है, यदि आप फॉन्ट को 12pt असाइन करते हैं, तो प्रत्येक "em" यूनिट 12pt होगी; इस प्रकार, 2em 24pt होगी।

उदाहरण

आप CSS का उपयोग करके लेटर स्पेसिंग सेट करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

<html> 
    <head> 
    </head> 
    <body> 
        <div style = "position:relative;left:90px;top:3px;background-color:yellow;letter-spacing: 2em;"> 
            This div has relative positioning. 
        </div> 
    </body> </html>

  1. CSS में टेक्स्ट पर सजावट का प्रकार सेट करें CSS में टेक्स्ट पर सजावट का प्रकार सेट करें

    टेक्स्ट पर उपयोग की जाने वाली सजावट का प्रकार सेट करने के लिए text-decoration-line प्रॉपर्टी का उपयोग करें। CSS में हमारे पास टेक्स्ट सजावट के लिए निम्न विकल्प हैं: text-decoration-line: none | underline | overline | line-through | initial | inherit; उदाहरण <!DOCTYPE html> <html> <

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

    अक्षरों यानी कैरेक्टर्स के बीच स्पेस सेट करने के लिए letter-spacing प्रॉपर्टी का उपयोग करें। प्रॉपर्टी मान letter-spacing: normal | length | initial | inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> p.demo1 { letter-spacing: 1px; } p.demo2 { letter

  1. CSS में लेटर स्पेसिंग CSS में लेटर स्पेसिंग

    अक्षरों के बीच की जगह को CSS letter-spacing प्रॉपर्टी का उपयोग करके एडजस्ट किया जा सकता है। CSS letter-spacing प्रॉपर्टी का सिंटैक्स निम्नानुसार है: सिंटैक्स Selector {    letter-spacing: /*value*/ } निम्नलिखित उदाहरण CSS letter-spacing प्रॉपर्टी को दर्शाते हैं: उदाहरण <!DOCTYPE html>