सीएसएस में ऊपरी मामला कैसे बनाया जाए?

सीएसएस लचीला अनुकूलन की अनुमति देता हैवह पाठ जिसे HMTL भाषा का उपयोग करके दर्शाया गया है। आज हम "टेक्स्ट-ट्रांसफॉर्म" संपत्ति के प्रभाव को देखेंगे, जिससे एक फ़ॉन्ट के मामले को बदलना संभव हो जाता है। यह विकल्प सभी आधुनिक ब्राउज़रों द्वारा समर्थित है और सभी सीएसएस संस्करणों के विनिर्देश में शामिल है।

नियुक्ति

"पाठ-परिवर्तन" संपत्ति तीन ले सकती हैमुख्य अर्थ और दो अतिरिक्त। उदाहरण के लिए, आप सभी चयनित पाठ के लिए एक ऊपरी मामला असाइन कर सकते हैं। वैकल्पिक रूप से, आप पिछली संपत्ति के विपरीत एक कमांड दे सकते हैं, जहां सभी वर्ण निचले हो जाते हैं। आपके लिए सुविधाजनक किसी भी विधि का उपयोग करके आप एक नियुक्ति कर सकते हैं। उदाहरण के लिए, इनलाइन शैलियों का उपयोग करना। या आप बना सकते हैं

• अपरकेस। सभी चयनित वर्णों को बड़ा करता है। सीएसएस में अपरकेस सामान्य है, क्योंकि यह मान कई जटिल पाठ-संबंधित समस्याओं को हल करने में मदद करता है।
• छोटे। यह संपत्ति पूरी तरह से अपरकेस कमांड के विपरीत है।
• कैपिटल में लिखें। पहले अक्षर के मामले को अपरकेस में बदल देता है। बाकी पात्रों को नहीं बदला जाएगा।
• कोई नहीं। आपको सभी निर्दिष्ट मूल्यों (एक संपत्ति को पूर्वनिर्धारित करने की आवश्यकता) को त्यागने की अनुमति देता है। आमतौर पर, यह मान डिफ़ॉल्ट रूप से सेट होता है।
• इनहेरिट। मूल तत्व से सभी गुण इनहेरिट करता है। यह ध्यान दिया जाना चाहिए कि IE इस संपत्ति का समर्थन नहीं करता है।

आवेदन

CSS अपरकेस का उपयोग (यासमान प्रभाव) एक साधारण कमांड के साथ सेट किया गया है। इसलिए, पूरे पाठ को बदलने या फिर से लिखने की आवश्यकता नहीं है। यदि हम एक-पृष्ठ साइट के बारे में बात कर रहे हैं, तो यह संपत्ति उपयोगी नहीं हो सकती है। लेकिन जब आप एक विशाल पोर्टल को नियंत्रित करते हैं जहां आपको कुछ अंशों में अक्षरों के मामले को सही करने की आवश्यकता होती है, तो "पाठ-परिवर्तन" एकमात्र प्रभावी उपकरण बन जाता है। उदाहरण के लिए, आपको "h2" शीर्षक टैग में फ़ॉन्ट को ठीक करने की आवश्यकता है। ऐसा करने के लिए, निम्नलिखित प्रविष्टि जोड़ें: "h2 {टेक्स्ट-ट्रांसफ़ॉर्म: अपरकेस; } ", और फिर सभी दूसरे-स्तरीय हेडर अपरकेस होंगे।

विशेषताएं

कुछ सोच सकते हैं कि वश में हैपाठ को संसाधित करना और "टेक्स्ट-ट्रांसफ़ॉर्म" संपत्ति का उपयोग करके फ़ॉन्ट को बदलना कोई फर्क नहीं पड़ता है। पर ये स्थिति नहीं है। यदि आप मैन्युअल रूप से निचले अक्षरों को अपरकेस (अपरकेस) में बदलते हैं, तो जब आप इस जानकारी को अपनी साइट से कॉपी करते हैं, तो अक्षर अपरिवर्तित रहेंगे। यदि आप CSS का उपयोग करते हैं, तो चीजें अलग हैं। "टेक्स्ट-ट्रांस्फ़ॉर्म" गुण केवल उपयोगकर्ताओं के लिए फ़ॉन्ट बदलता है। लेकिन वास्तव में, प्रतीक अपरिवर्तित रहते हैं। यह इस संपत्ति के लिए सभी मूल्यों के साथ होता है। कॉपी की गई जानकारी (टेक्स्ट) में मूल मामला होगा, जिसका उपयोग पृष्ठ के स्रोत कोड में किया जाता है। यह मैनुअल प्रोसेसिंग और CSS कमांड का उपयोग करने के बीच एकमात्र अंतर है।

इससे कोई फर्क नहीं पड़ता कि आप किसका उपयोग करना चाहते हैं - नीचेया ऊपरी मामला, मुख्य बात उद्देश्य को नहीं भूलना है। उदाहरण के लिए, यदि आपको केवल सजावटी उद्देश्यों के लिए परिवर्तनों की आवश्यकता है, तो आप "टेक्स्ट-ट्रांसफॉर्म" संपत्ति का सुरक्षित रूप से उपयोग कर सकते हैं। ठीक है, यदि आप जानते हैं कि आपके उपयोगकर्ता संभवतः आपके द्वारा पोस्ट की गई जानकारी की नकल करेंगे, तो सभी पाठ के मामले को मैन्युअल रूप से बदलना सबसे अच्छा है। दरअसल, कभी-कभी पाठक इस तरह के एक फ़ॉन्ट परिवर्तन को नोटिस नहीं करते हैं। यह विशेष रूप से महत्वपूर्ण है जब महत्वपूर्ण दस्तावेजों और इसी तरह की जानकारी की बात आती है।