सवाल सीएसएस में पहला अक्षर अपरकेस बनाएं


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

<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>

193
2018-04-07 07:18


मूल


निर्दिष्ट करने के लिए - पहला अक्षर और केवल पहला वाला। जो बनाता है text-transform: capitalize; एकाधिक शब्द होने पर पर्याप्त नहीं है - wiktus239


जवाब:


इसके लिए एक संपत्ति है:

a.m_title {
    text-transform: capitalize;
}

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

a.m_title {
    display: block;
}

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

504
2018-04-07 07:20



क्या इसका उपयोग आईई 8 + के साथ किया जा सकता है? - alanjds
@alanjds: हाँ, यह आईई के हर संस्करण में काम करता है जो सीएसएस का समर्थन करता है। यह बहुत पुरानी तकनीक है। - BoltClock♦
आप एक डबल सेमी कॉलन का उपयोग करना चाह सकते हैं, देखें css-tricks.com/almanac/selectors/f/first-letter - Voles
@Voles: निश्चित रूप से यदि आपको IE8 और पुराने का समर्थन करने की आवश्यकता नहीं है। यह नहीं कह रहा कि आप डबल कॉलन का उपयोग नहीं कर सकते थे अगर आप चाहते थे। (इस उत्तर के समय, जो साढ़े सालों पहले पोस्ट किया गया था, मेरी व्यक्तिगत नीति के लिए यह क्या लायक है था डिफ़ॉल्ट रूप से IE8 का समर्थन करने के लिए। आज मैं नहीं करता हूं।) - BoltClock♦
@ हेनरी गार्सिया डी गुज़मान: क्योंकि वह सबकुछ ऊपर उठाता है, न केवल पहला अक्षर (प्रत्येक शब्द या वाक्य या जो कुछ भी)। - BoltClock♦


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

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

40
2018-02-23 16:02



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


सीएसएस: पहला अक्षर चयनकर्ता

या:

text-transform: capitalize;

31
2018-04-07 07:19





मैं उपयोग करने का सुझाव देता हूं

#selector {
    text-transform: capitalize;
}

या

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

वैसे, इस w3schools लिंक की जांच करें: http://www.w3schools.com/cssref/pr_text_text-transform.asp


5
2018-02-18 15:42



अच्छा जवाब है, लेकिन यह सबसे निश्चित रूप से है नहीं डब्ल्यू 3 सी दस्तावेज के लिए एक लिंक। - Stephan
अरे, कृपया ध्यान दें: टेक्स्ट-ट्रांसफॉर्म 'प्रारंभिक' का अर्थ 'पहले अक्षर को कैपिटल करना' नहीं है। इसके बजाय, इसका मतलब है 'इस संपत्ति के प्रारंभिक, डिफ़ॉल्ट मान पर वापस जाएं'। - Marcos Buarque
धन्यवाद, मैंने दोनों अनुशंसित फिक्स को लागू किया है। - Marcos Buarque


<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>

1
2017-08-19 13:58



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


मैं अनुशंसा करता हूं कि आप निम्न कोड का उपयोग सीएसएस में करें:

    text-transform:uppercase; 

सुनिश्चित करें कि आप इसे अपनी कक्षा में डाल दें।


0
2017-12-01 16:36