CSS में टेक्स्ट ट्रांसफॉर्मेशन
CSS में टेक्स्ट ट्रांसफॉर्मेशन के लिए text-transform प्रॉपर्टी का उपयोग निम्नलिखित मानों के साथ करें:
text-transform: none | capitalize | uppercase | lowercase | initial | inherit;
उदाहरण
निम्नलिखित उदाहरण में text-transform: uppercase का उपयोग करके सभी टेक्स्ट को बड़े अक्षरों में बदला गया है:
<!DOCTYPE html>
<html>
<head>
<style>
div {
line-height: 1.9;
text-transform: uppercase;
}
</style>
</head>
<body>
<h1>डेमो हेडिंग</h1>
<div>
<p>यह डेमो टेक्स्ट है.<br> यह एक और डेमो टेक्स्ट है. </p>
</div>
</body>
</html>
आउटपुट
उपरोक्त कोड सभी पैराग्राफ टेक्स्ट को बड़े अक्षरों (UPPERCASE) में प्रदर्शित करेगा।
एक और उदाहरण
यहाँ text-transform: lowercase का उपयोग करके सभी टेक्स्ट को छोटे अक्षरों में बदला गया है:
<!DOCTYPE html>
<html>
<head>
<style>
div {
text-transform: lowercase;
}
</style>
</head>
<body>
<h1>डेमो हेडिंग</h1>
<div>
<p>THIS IS DEMO TEXT.<br> THIS IS ANOTHER DEMO TEXT. </p>
</div>
</body>
</html>
आउटपुट
यह कोड सभी टेक्स्ट को छोटे अक्षरों (lowercase) में बदल देगा, भले ही HTML में वह बड़े अक्षरों में लिखा गया हो।
मुख्य मान:
- none: कोई ट्रांसफॉर्मेशन नहीं (डिफ़ॉल्ट)
- capitalize: प्रत्येक शब्द का पहला अक्षर बड़ा
- uppercase: सभी अक्षर बड़े
- lowercase: सभी अक्षर छोटे
- initial: डिफ़ॉल्ट मान पर रीसेट
- inherit: पैरेंट एलिमेंट से मान विरासत में लें
