पाठ-परिवर्तन - सीएसएस-ट्रिक्स

text-transformसीएसएस में संपत्ति पाठ मामले और पूंजीकरण नियंत्रित करता है।

.lowercase ( text-transform: lowercase; )

पाठ-परिवर्तन मान

lowercase चयनित पाठ के सभी अक्षरों को निचले हिस्से में बनाता है।
uppercase चयनित पाठ में सभी अक्षरों को बड़ा बनाता है।
capitalize चयनित पाठ में प्रत्येक शब्द के पहले अक्षर को बड़ा करता है।
none पाठ के मामले और कैपिटलाइज़ेशन को ठीक वैसे ही छोड़ देता है जैसे इसे दर्ज किया गया था।
inherit पाठ को अपने माता-पिता का मामला और पूंजीकरण देता है।

डेमो शो नीचे lowercase, uppercaseऔर capitalizeउपयोग में। मूल रूप से पाठ कैसे लिखा गया था, यह देखने के लिए HTML टैब पर एक नज़र डालें, फिर CSS लागू होने के बाद इसे देखने के लिए परिणाम टैब पर वापस जाएँ।

पेन 0f4293fce0d14aafc3818c950ab0ded3 को कोडेन पर mariemosley (@mariemosley) द्वारा देखें।

ब्याज के अंक

capitalizeउन शब्दों को कैपिटल करेगा जो सिंगल या डबल कोट्स के अंदर दिखाई देते हैं, और एक हाइफ़न के बाद पहला अक्षर। यह एक नंबर के बाद पहले अक्षर को कैपिटल नहीं करेगा, इसलिए "4 फरवरी, 2015" जैसी तारीखें "4 फरवरी, 2015" में परिवर्तित नहीं होंगी।

capitalizeकेवल शब्दों के पहले अक्षर को प्रभावित करता है। यह एक शब्द में बाकी अक्षरों के मामले को नहीं बदलेगा। उदाहरण के लिए, यदि आपके पास capitalizeपहले से ही सभी बड़े अक्षरों में एक शब्द है , तो शब्द के अन्य अक्षर लोअरकेस में नहीं जाएंगे। यह अच्छा है जब आपके पाठ में एक संक्षिप्त या संक्षिप्त नाम शामिल होता है जिसमें कोई लोअरकेस अक्षर शामिल नहीं होना चाहिए।

CSS "टाइटल केस" नहीं कर सकता है, किताबों, फिल्मों, गीतों और कविताओं के शीर्षक में उपयोग की जाने वाली कैपिटलाइज़ेशन शैली, जहां लेख कमतर होते हैं (जैसा कि "रेडर्स ऑफ द लॉस्ट आर्क")। लेकिन, शीर्षक मामले के लिए जावास्क्रिप्ट समाधान हैं, जिसमें डेविड गोच का टिटेलकैस () शामिल है।

अधिक जानकारी

एमडीएन में पाठ-परिवर्तन
W3C कल्पना में पाठ-परिवर्तन
WebAIM से अपरकेस टेक्स्ट की पहुंच पर नोट्स

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

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

फ़ायरफ़ॉक्स तुर्क भाषा, जर्मन, डच और ग्रीक के लिए भाषा-विशिष्ट पूंजीकरण नियमों का समर्थन करता है जो अन्य ब्राउज़रों द्वारा समर्थित नहीं हैं। फ़ायरफ़ॉक्स भी एकमात्र ब्राउज़र है जो समर्थन करता है text-transform: full-width;, जो पाठ की पठनीयता को बेहतर बनाने में मदद कर सकता है जिसमें लैटिन और पूर्वी एशियाई लिपियों का मिश्रण शामिल है। एमडीएन में विवरण देखें।