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

CSS से टेक्स्ट की लाइन की ऊंचाई सेट करें

line-height प्रॉपर्टी का उपयोग टेक्स्ट की एक लाइन की ऊंचाई सेट करने के लिए किया जाता है। line-height प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="width:300px; height:100px; border:2px solid green; padding:5px; margin:10px; line-height:30px;">
      यह पैराग्राफ 300 पिक्सेल चौड़ा और 100 पिक्सेल ऊंचा है और यहां लाइन ऊंचाई 30 पिक्सेल है।
    </p>
  </body>
</html>

व्याख्या: line-height: 30px का अर्थ है कि टेक्स्ट की प्रत्येक लाइन 30 पिक्सेल ऊंची होगी, जिससे लाइनों के बीच स्पेसिंग बढ़ जाती है।

  1. CSS के साथ टेक्स्ट की अंतिम लाइन को संरेखित करें CSS के साथ टेक्स्ट की अंतिम लाइन को संरेखित करें

    text-align-last प्रॉपर्टी का उपयोग टेक्स्ट की अंतिम लाइन को संरेखित करने के लिए किया जाता है। CSS के साथ टेक्स्ट की अंतिम लाइन को संरेखित करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>       &

  1. - CSS column-rule-style - कॉलम रूल की शैली सेट करें

    column-rule-style प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की शैली निर्धारित करती है। यह border-style के समान मान स्वीकार करती है। उदाहरण: डैश्ड रूल शैली <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50px

  1. CSS में लाइन हाइट सेट करना CSS में लाइन हाइट सेट करना

    एक लाइन की ऊंचाई को CSS line-height प्रॉपर्टी द्वारा परिभाषित किया जा सकता है। यह केवल पॉजिटिव मान स्वीकार करती है। सिंटैक्स CSS line-height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    line-height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS line-height प्रॉपर्टी को दर्शाते हैं। <!