पाठ-इंडेंट - सीएसएस-ट्रिक्स

text-indentसंपत्ति निर्दिष्ट कितना क्षैतिज स्थान पाठ एक तत्व की पाठ्य सामग्री की पहली पंक्ति की शुरुआत से पहले ले जाया जाना चाहिए। रिक्ति की गणना ब्लॉक-स्तरीय कंटेनर तत्व के शुरुआती किनारे से की जाती है।

प्रारंभिक बढ़त आमतौर पर बाईं ओर होती है, लेकिन दाएं-से-बाएं मोड में, यदि दिशा में संपत्ति हो, तो यह सही हो सकता है।

text-indentजब एक ब्लॉक तत्व है, जो साधन यह अच्छी तरह से के रूप में इनलाइन-ब्लॉक वंशज तत्वों को प्रभावित करेगा पर निर्दिष्ट संपत्ति विरासत में मिला है। इनलाइन-ब्लॉक बच्चों के साथ काम करते समय, आप उन्हें मजबूर करना चाह सकते हैं text-indent: 0;।

वाक्य - विन्यास

text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )

एक सामान्य उपयोग का मामला केवल शैलीगत होगा। पैराग्राफ की पहली पंक्ति को इंडेंट करना पुराने जमाने की तरह है और यह महसूस कर सकता है। इसे वैकल्पिक दृश्य संकेतक के रूप में पैराग्राफ के बाद रिक्ति के बदले में इस्तेमाल किया जा सकता है, हालांकि रिक्ति संभवतः सामान्य रूप से अधिक पठनीय है।

एक अन्य सामान्य उपयोग का मामला "छवि प्रतिस्थापन" में है जहां पाठ को पाठ-इंडेंट और छिपे हुए अतिप्रवाह के माध्यम से तत्व से बाहर निकाला जाता है।

फांसी

hangingसंपत्ति के लिए एक प्रयोगात्मक और अनौपचारिक मूल्य हैtext-indent । यह संकेत करता है कि कौन सी रेखाएं इंडेंट की गई हैं। मूल रूप से, यह पहले को छोड़कर हर पंक्ति को इंडेंट करता है, जिसके परिणामस्वरूप किसी प्रकार का फांसी-विराम चिह्न होता है।

यह मान एक ध्वज है, जो लंबाई की तरह एक सामान्य मूल्य के साथ जा रहा है।

प्रत्येक पंक्ति

each-lineसंपत्ति के लिए एक प्रयोगात्मक और अनौपचारिक मूल्य हैtext-indent । विचार एक मजबूर लाइन ब्रेक (ए
) के बाद प्रत्येक पंक्ति को इंडेंट करने के लिए है ।

यह मान एक ध्वज है, जो लंबाई की तरह एक सामान्य मूल्य के साथ जा रहा है।

डेमो

CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन टेक्स्ट-इंडेंट देखें।

ब्राउज़र का समर्थन

मूल समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई	कोई	कोई	3.5+ है	3+	कोई	कोई

फांसी का मूल्य

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं

प्रत्येक-पंक्ति मान

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं	कोई नहीं