CSS इंडेंट प्रॉपर्टी, जिसे text-indent प्रॉपर्टी के नाम से जाना जाता है, स्कूल में आपके द्वारा लिखे गए निबंध या पेपर में हर पैराग्राफ की पहली लाइन पर एक मानक इंडेंट के समान दिखाई देती है; यह टेक्स्ट के हर ब्लॉक की पहली लाइन को इंडेंट करती है जैसे आप एक पेपर लिखते समय पैराग्राफ की पहली लाइन को इंडेंट करेंगे।
पिक्सेल (px) में text-indent का उदाहरण
.example {
text-indent: 25px;
}
यह उदाहरण आपको पिक्सेल (px) नामक एक निरपेक्ष लंबाई इकाई दिखाता है। आप इंडेंट को सापेक्ष/प्रतिक्रियाशील लंबाई इकाइयों जैसे em, rem, और फिर समग्र एलिमेंट/पैराग्राफ की चौड़ाई के % में भी व्यक्त कर सकते हैं। यह देखने के लिए कि क्या होता है, पिक्सेल आकार को ems, rems और % के साथ स्वैप करने का प्रयास करें।
उपयोग के मामले
- पारंपरिक पैराग्राफ इंडेंटेशन: लेख, ब्लॉग पोस्ट, या पुस्तक शैली के लेआउट में पैराग्राफ की पहली लाइन को इंडेंट करने के लिए।
- नेगेटिव इंडेंट (हैंगिंग इंडेंट): नेगेटिव मान का उपयोग करके हैंगिंग इंडेंट प्रभाव बनाने के लिए (उदा.
text-indent: -20pxके साथpadding-left: 20px)। - प्रतिक्रियाशील इंडेंटेशन: कंटेनर की चौड़ाई के सापेक्ष स्केल होने वाले इंडेंट के लिए
remया%इकाइयों का उपयोग करें।
निष्कर्ष
text-indent प्रॉपर्टी टेक्स्ट के ब्लॉक की पहली लाइन को इंडेंट करने का एक सरल लेकिन शक्तिशाली तरीका प्रदान करती है। चाहे आप पारंपरिक प्रिंट-शैली पैराग्राफ इंडेंटेशन के लिए पिक्सेल का उपयोग करें या प्रतिक्रियाशील डिजाइन के लिए सापेक्ष इकाइयों का उपयोग करें, यह प्रॉपर्टी आपकी टाइपोग्राफी टूलकिट के लिए एक मूल्यवान अतिरिक्त है।
