Home-theater-designers
वर्ड प्रोसेसिंग के साथ पकड़ में आने के बारे में सभी डेवलपर्स द्वारा सीखी गई पहली विशेषताओं में से एक टेक्स्ट अलाइनमेंट था। पेशेवर टाइपसेटर और शौकिया फ्लायर डिजाइनरों के लिए वह छोटा उपकरण समान रूप से महत्वपूर्ण रहा है। यह कोई आश्चर्य की बात नहीं है कि जब वेब डिज़ाइन की बात आती है तो CSS के पास टेक्स्ट अलाइनमेंट का समर्थन होता है।
NS पाठ संरेखित संपत्ति, एक या दो अन्य के साथ, यह नियंत्रित करती है कि कोई तत्व क्षैतिज रूप से अपने पाठ को कैसे संरेखित करता है। बुनियादी बातों से परे, ब्राउज़र धीरे-धीरे अधिक विशिष्टताओं को लागू कर रहे हैं, लेकिन पूर्ण समर्थन भिन्न होता है। जानें कि टेक्स्ट को कैसे संरेखित करें और कौन सी विशेषताएँ आज आम ब्राउज़रों का समर्थन करती हैं।
CSS टेक्स्ट-एलाइन प्रॉपर्टी की मूल बातें
संरेखण सबसे परिचित टाइपोग्राफी शब्दों में से एक है। सीएसएस के संदर्भ में, पाठ संरेखित क्षैतिज संरेखण को संदर्भित करता है।
क्षैतिज पाठ संरेखण केवल ब्लॉक कंटेनरों पर लागू होता है। ये पूर्ण-चौड़ाई वाले तत्व हैं जैसे पैराग्राफ और डिव। का उपयोग करते हुए पाठ संरेखित एक इनलाइन तत्व पर संपत्ति जैसे में कोई प्रभाव नहीं पड़ेगा। आप सूची आइटम और तालिका कक्षों को भी संरेखित कर सकते हैं:
हमें इस शीर्षक को चलाने में परेशानी हो रही है
डिफ़ॉल्ट रूप से, बाएं से दाएं भाषा में (इसमें से अधिक बाद में), टेक्स्ट बाईं ओर संरेखित होता है:
सीएसएस में, यह समान है:
p { text-align: left; }या:
p { text-align: start; }सम्बंधित: कैस्केडिंग स्टाइल शीट क्या हैं और सीएसएस का उपयोग किस लिए किया जाता है?
आप के लिए अन्य मानों का उपयोग कर सकते हैं पाठ संरेखित क्षैतिज संरेखण को बदलने के लिए संपत्ति। सबसे सामान्य मान वर्ड प्रोसेसिंग ऐप्स से परिचित हैं:
text-align: left
text-align: center
text-align: rightबाएँ और दाएँ किनारों को संरेखित करने के लिए औचित्य का उपयोग करें
के लिए एक और सामान्य मूल्य पाठ संरेखित है औचित्य साबित . ब्राउज़र उचित पाठ में स्थान जोड़ते हैं ताकि प्रत्येक पंक्ति उपलब्ध स्थान को भरने के लिए विस्तारित हो:
जब आप टेक्स्ट को सही ठहराते हैं, तो अंतिम पंक्ति मुश्किल हो सकती है। चूंकि यह बहुत छोटा हो सकता है (संभवतः केवल एक शब्द), इसे पूरी चौड़ाई में फैलाना बदसूरत हो सकता है। डिफ़ॉल्ट रूप से, यहां तक कि उचित पाठ भी अंतिम पंक्ति को बाईं ओर संरेखित करेगा।
गैलेक्सी S8 स्क्रीन को बदलने की लागत
आप कभी-कभी एक अलग प्रभाव चाहते हैं। ब्राउज़र कार्यान्वयन कल्पना के साथ पकड़ रहे हैं, लेकिन दो दृष्टिकोण संभव हैं।
NS जस्टिफाई-ऑल value का मतलब यह होना चाहिए कि ब्राउज़र अंतिम पंक्ति को अन्य सभी की तरह मानते हैं, और इसे पूरी चौड़ाई तक फैलाते हैं। हालाँकि, लेखन के समय, कोई भी ब्राउज़र इस मान का समर्थन नहीं करता है। आप ऐसा कर सकते हैं यह देखने के लिए caniuse जांचें कि क्या वे करते हैं जब आप इस लेख को पढ़ रहे हैं।
एक और सीएसएस संपत्ति, पाठ-संरेखित-अंतिम , अधिक लचीला है और इसका बेहतर समर्थन है। आप इसे कमोबेश उसी के समान मान सकते हैं पाठ संरेखित , लेकिन यह केवल अंतिम पंक्ति पर लागू होता है:
इस संपत्ति के लिए ब्राउज़र समर्थन बेहतर है, लेकिन सही नहीं है। फिर से, उपयोग करने से पहले caniuse की जाँच करें . यदि कोई ब्राउज़र इस गुण को नहीं पहचानता है, तो वह इसे अनदेखा कर देगा।
पाठ संरेखण और पढ़ने की दिशा
हो सकता है कि आप अरबी या हिब्रू जैसी किसी भाषा के साथ काम कर रहे हों, जो दाएँ से बाएँ पढ़ती हो। सीएसएस का उपयोग करता है दिशा इसे निर्दिष्ट करने के लिए संपत्ति, उदाहरण के लिए:
direction: rtl;ये भाषाएं आमतौर पर टेक्स्ट को डिफ़ॉल्ट रूप से दाईं ओर संरेखित करती हैं।
निर्दिष्ट करने के बजाय बाएं / अधिकार , टेक्स्ट को संरेखित करने का पसंदीदा तरीका मानों का उपयोग करता है प्रारंभ तथा समाप्त . यह निर्दिष्ट करता है कि पाठ प्रत्येक पंक्ति के प्रारंभ में या अंत में पंक्तिबद्ध होना चाहिए। बाएँ से दाएँ भाषाओं में, प्रारंभ के बराबर है बाएं . दाएँ-से-बाएँ भाषा में, पाठ दाईं ओर से शुरू होता है और बाईं ओर समाप्त होता है।
कैसे पता करें कि मेरे पास कौन सा मदरबोर्ड है
का उपयोग करते हुए प्रारंभ या समाप्त इसका मतलब है कि, पाठ दिशा की परवाह किए बिना, संरेखण सुसंगत है।
कैसे तत्व टेक्स्ट-संरेखित संपत्ति को इनहेरिट करते हैं
आपको पता होना चाहिए कि पाठ संरेखित संपत्ति विरासत में मिली है। उदाहरण के लिए, यदि आप इसे पर सेट करते हैं तन तत्व, यह पृष्ठ के प्रत्येक तत्व पर लागू होगा। बेशक, आप इसे किसी भी तत्व पर ओवरराइड कर सकते हैं।
लेआउट को नियंत्रित करने के लिए टेक्स्ट-एलाइन प्रॉपर्टी का उपयोग करना
आप का उपयोग कर सकते हैं पाठ संरेखित CSS गुण यह परिभाषित करने के लिए कि ब्राउज़र क्षैतिज रूप से पाठ कैसे प्रस्तुत करते हैं। सबसे आम मूल्य हैं बाएं , अधिकार , केंद्र , तथा औचित्य साबित . ये काफी सीधे हैं, हालांकि औचित्य साबित कुछ जटिलता का परिचय देता है।
आपको पाठ संरेखण का संयम से उपयोग करना चाहिए। होर्डिंग और पोस्टर पर, केंद्रीय संरेखण उपयुक्त हो सकता है, लेकिन यह पाठ के लंबे ब्लॉक को पढ़ने में मुश्किल बना सकता है। जब पाठ की पंक्तियाँ लंबी होती हैं तो औचित्य आमतौर पर अधिक पठनीय होता है। पाठ के छोटे स्तंभों को सही ठहराने से बदसूरत रिक्ति बन सकती है।
NS पाठ संरेखित संपत्ति कई सीएसएस गुणों में से एक है जो उपयोगी स्वरूपण और बुनियादी स्थिति प्रदान करती है।
साझा करना साझा करना कलरव ईमेल १० सरल सीएसएस कोड उदाहरण जो आप १० मिनट में सीख सकते हैंसीएसएस के साथ मदद चाहिए? शुरू करने के लिए इन बुनियादी सीएसएस कोड उदाहरणों को आजमाएं, फिर उन्हें अपने वेब पेजों पर लागू करें।
आगे पढ़िए संबंधित विषय- प्रोग्रामिंग
- वेब विकास
- वेब डिजाइन
- सीएसएस
बॉबी एक प्रौद्योगिकी उत्साही हैं जिन्होंने दो दशकों तक एक सॉफ्टवेयर डेवलपर के रूप में काम किया। उन्हें गेमिंग का शौक है, स्विच प्लेयर मैगज़ीन में समीक्षा संपादक के रूप में काम कर रहे हैं, और ऑनलाइन प्रकाशन और वेब विकास के सभी पहलुओं में डूबे हुए हैं।
बॉबी जैक . की अन्य फ़िल्में-टीवी शोहमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें