2011-04-07 8 views
180

में पहला अक्षर अपरकेस बनाएं सीएसएस में किसी लेबल में पहला अक्षर अपरकेस बनाने का कोई तरीका है।सीएसएस

a.m_title { 
    text-transform: capitalize; 
} 

अपने लिंक कई शब्दों और आप को शामिल कर सकते हैं:

text-transform: capitalize; 
+0

निर्दिष्ट करने के लिए - पहला अक्षर और केवल पहला वाला। जो 'टेक्स्ट-ट्रांसफॉर्म: कैपिटलनाइजेशन' बनाता है; एकाधिक शब्द – wiktus239

उत्तर

462

वहाँ उस के लिए एक संपत्ति है: एचटीएमएल संरचना

<a class="m_title" href="">gorr</a> 
<a class="m_title" href="">trro</a> 
<a class="m_title" href="">krro</a> 
<a class="m_title" href="">yrro</a> 
<a class="m_title" href="">gwwr</a> 
+0

होने पर पर्याप्त नहीं है क्या इसका उपयोग IE8 + के साथ किया जा सकता है? – alanjds

+1

@alanjds: हाँ, यह आईई के हर संस्करण में काम करता है जो सीएसएस का समर्थन करता है। यह बहुत पुरानी तकनीक है। – BoltClock

+1

आप डबल अर्ध कोलन का उपयोग करना चाहेंगे, http://css-tricks.com/almanac/selectors/f/first-letter/ – Voles

30

CSS :first-letter Selector

या है केवल फर चाहते हैं अपरकेस होने वाले पहले शब्द का सेंट लेटर, इसके बजाय :first-letter का उपयोग एक अलग ट्रांसफॉर्म के साथ करें (हालांकि यह वास्तव में कोई फर्क नहीं पड़ता)। ध्यान दें कि क्रम में :first-letter के लिए काम करने के लिए अपने a तत्वों ब्लॉक के रूप में प्रदर्शित करने की आवश्यकता है:

a.m_title { 
    display: block; 
} 

a.m_title:first-letter { 
    text-transform: uppercase; 
} 
5

मैं जिस तरह से

#selector { 
    text-transform:initial; 
} 

या

#selector::first-letter { 
    text-transform:uppercase; 
} 

उपयोग करने के लिए सुझाव है, यह है डब्ल्यू 3 सी प्रलेखन http://www.w3schools.com/cssref/pr_text_text-transform.asp

+0

अच्छा जवाब, लेकिन यह सबसे निश्चित रूप से ** नहीं ** डब्ल्यू 3 सी दस्तावेज का एक लिंक है। – Stephan

+1

अरे, कृपया ध्यान दें: टेक्स्ट-ट्रांसफॉर्म 'प्रारंभिक' का अर्थ 'पहले अक्षर को कैपिटल करना' नहीं है। इसके बजाय, इसका मतलब है 'इस संपत्ति के प्रारंभिक, डिफ़ॉल्ट मान पर वापस जाएं'। –

37

ध्यान दें कि ::first-letter चयनकर्ता इनलाइन तत्वों के साथ काम नहीं करता है, इसलिए इस प्रकार के रूप में यह है, या तो block या inline-block होना चाहिए:

.m_title {display:inline-block} 
.m_title:first-letter {text-transform: uppercase} 
+0

मेरे मामले में पूरा पाठ पहले से ही राजधानियों में था, इसलिए मुझे टेक्स्ट-ट्रांसफॉर्म जोड़ना पड़ा: लोअरकेस से .m_title और अब यह पूरी तरह से काम करता है! – hjuster

0

मेरा सुझाव है कि आप सीएसएस में निम्न कोड का प्रयोग करेंगे:

text-transform:uppercase; 

वाकई बनाओ इसे अपनी कक्षा में रखो।

1
<script type="text/javascript"> 
    $(document).ready(function() { 
    var asdf = $('.capsf').text(); 

    $('.capsf').text(asdf.toLowerCase()); 
    }); 
    </script> 
<div style="text-transform: capitalize;" class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div> 
+0

यह मुझे काम करता है। अवधारणा .. पैराग्राफ प्रत्येक शब्द प्रदर्शित करने के लिए पहले अक्षर कैप्स –