CSS टेक्स्ट-ट्रांसफॉर्म प्रभाव
- पिछला पृष्ठ text-shadow
- अगला पृष्ठ टेक्स्ट-अंडरलाइन-ऑफसेट
परिभाषा और उपयोग
text-transform विशेषता लेख के बड़े और छोटे होने को नियंत्रित करती है。
वर्णन
यह विशेषता एलीमेंट में अक्षरों के बड़े और छोटे होने को बदलती है, बिना कि स्रोत दस्तावेज़ में लेख के बड़े और छोटे होने के बारे में क्या होने का निर्धारण करती है। यदि मान capitalize है, तो कुछ अक्षरों को बड़े किया जाना है, लेकिन कौन से अक्षरों को बड़े किया जाना है का निर्धारण नहीं किया गया है; यह उपयोगकर्ता एजेंट के द्वारा "शब्द" को पहचानने के आधार पर है。
और देखें:
CSS पाठ्यक्रम:CSS टेक्स्ट
HTML DOM संदर्भ पुस्तक:textTransform विशेषता
उदाहरण
विभिन्न एलीमेंटों में लेख को बदलना:
h1 {text-transform:uppercase;} h2 {text-transform:capitalize;} p {text-transform:lowercase;}
सूचना और टिप्पणी
टिप्पणी:विभिन्न उपयोगकर्ता एजेंट शब्द कहाँ से शुरू होने का निर्धारण करने के लिए अलग-अलग तरीके इस्तेमाल कर सकते हैं। उदाहरण के लिए,लेख "w3-school" को दो तरीकों से प्रदर्शित किया जा सकता है: "W3-school" और "W3-School"। CSS ने निर्धारित नहीं किया है कि कौन सा सही है, इसलिए दोनों दोनों ही सही हैं。
CSS व्याकरण
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
विशेषता मान
मान | वर्णन |
---|---|
none | मूलभूत।केवल छोटे और बड़े अक्षरों के साथ सामान्य लेख को परिभाषित करता है。 |
capitalize | लेख में प्रत्येक शब्द को बड़े अक्षर से शुरू करता है。 |
uppercase | केवल बड़े अक्षरों को परिभाषित करता है。 |
lowercase | बड़े अक्षरों के बिना छोटे अक्षरों को परिभाषित करता है。 |
inherit | पिछले एलीमेंट से text-transform विशेषता के मान को विरासत करना निर्दिष्ट किया गया है。 |
तकनीकी विवरण
मूलभूत मान: | none |
---|---|
विरासतीयता: | yes |
संस्करण: | CSS1 |
JavaScript व्याकरण: | object.style.textTransform="uppercase" |
अधिक उदाहरण
- लेख में अक्षरों का नियंत्रण
- इस उदाहरण में देखा जाता है कि कैसे लेख में अक्षरों के बड़े और छोटे होने को नियंत्रित किया जाता है。
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों से पूर्णता से समर्थित इस विशेषता का पहला ब्राउज़र संस्करण निर्दिष्ट किया गया है。
च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- पिछला पृष्ठ text-shadow
- अगला पृष्ठ टेक्स्ट-अंडरलाइन-ऑफसेट