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

CSS से पैराग्राफ़ के टेक्स्ट को संरेखित करें

पैराग्राफ़ के टेक्स्ट को संरेखित करने के लिए, text-indent गुण का उपयोग करें।

उदाहरण

संभावित मान: % या इंडेंट स्पेस निर्दिष्ट करने वाली संख्या। निम्न कोड चलाकर CSS के साथ text-indent गुण लागू करें:

<html>
  <head>
  </head>
  <body>
    <p style="text-indent:2cm;">
      This text will have first line indented by 2cm and this line will remain at
      its actual position this is done by CSS text-indent property.
    </p>
  </body>
</html>

स्पष्टीकरण: text-indent केवल पहली पंक्ति को इंडेंट करता है, पूरे पैराग्राफ़ को नहीं। पूरे पैराग्राफ़ को संरेखित करने के लिए text-align का उपयोग करें।

  1. CSS में min-height प्रॉपर्टी CSS में min-height प्रॉपर्टी

    हम CSS min-height प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक फिक्स्ड मिनिमम हाइट परिभाषित कर सकते हैं, जो एलिमेंट के कंटेंट बॉक्स को छोटा नहीं होने देता, भले ही हाइट min-height से कम हो।सिंटैक्सCSS min-height प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { min-height: /*value*/ }उ

  1. CSS text-indent प्रॉपर्टी के साथ टेक्स्ट इंडेंट करना CSS text-indent प्रॉपर्टी के साथ टेक्स्ट इंडेंट करना

    परिचय CSS text-indent प्रॉपर्टी हमें टेक्स्ट को इंडेंट करने में उपयोग होने वाले व्हाइट स्पेस की मात्रा निर्दिष्ट करने की अनुमति देती है। यह आमतौर पर पैराग्राफ की पहली लाइन को इंडेंट करने के लिए उपयोग किया जाता है। उदाहरण 1: बेसिक पैराग्राफ इंडेंटेशन <!DOCTYPE html> <html> <head>

  1. CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना

    परिचय CSS hyphens प्रॉपर्टी का उपयोग करके, हम निर्दिष्ट कर सकते हैं कि टेक्स्ट में हाइफ़न कैसे जोड़े जाएं। यह संकीर्ण कंटेनरों या जस्टिफाइड टेक्स्ट में टेक्स्ट रैपिंग में सुधार के लिए विशेष रूप से उपयोगी है। उदाहरण 1: मैनुअल बनाम कोई हाइफ़न नहीं <!DOCTYPE html> <html> <head> &l