Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस का उपयोग कर टेक्स्ट ट्रांसफॉर्मेशन

<घंटा/>

CSS में टेक्स्ट ट्रांसफ़ॉर्मेशन के लिए, टेक्स्ट-ट्रांसफ़ॉर्म प्रॉपर्टी का इस्तेमाल निम्न मानों के साथ करें -

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
div {
   line-height: 1.9;
   text-transform: uppercase;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br>
This is another demo text.
</p>
</div>
</body>
</html>

आउटपुट

सीएसएस का उपयोग कर टेक्स्ट ट्रांसफॉर्मेशन

उदाहरण

आइए एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   text-transform: lowercase;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>THIS is demo text.<br>
This is ANOTHER demo text.
</p>
</div>
</body>
</html>

आउटपुट

सीएसएस का उपयोग कर टेक्स्ट ट्रांसफॉर्मेशन


  1. CSS का उपयोग करके मीडिया डिपेंडेंट स्टाइल शीट बनाना

    मीडिया पर निर्भर स्टाइलशीट केवल मूल स्टाइलशीट हैं, लेकिन केवल HTML दस्तावेज़ पर लागू होती हैं, जब मीडियाटाइप डिवाइस प्रकार से मेल खाता है जिस पर दस्तावेज़ दिखाई देता है। हम निम्नलिखित तरीकों से मीडिया पर निर्भर स्टाइलशीट बना सकते हैं - @media At-नियमों का उपयोग करना @import At-नियमों का उपयोग करना

  1. सीएसएस का उपयोग करके जेड-इंडेक्स के साथ तत्वों को ओवरलैप करना

    CSS Z-Index प्रॉपर्टी डेवलपर का उपयोग करके तत्वों को एक दूसरे पर स्टैक किया जा सकता है। Z-सूचकांक का मान धनात्मक या ऋणात्मक हो सकता है। ध्यान दें - यदि ओवरलैप करने वाले तत्वों में z-index निर्दिष्ट नहीं है तो वह तत्व दिखाई देगा जिसका उल्लेख दस्तावेज़ में अंतिम बार किया गया है। उदाहरण आइए z-सूचकांक

  1. CSS का उपयोग करके टेक्स्ट डेकोरेशन

    CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी का उपयोग चयनित एलिमेंट के टेक्स्ट में डेकोरेशन लागू करने के लिए किया जाता है। हम मान के रूप में लाइन-थ्रू, ओवरलाइन, अंडरलाइन आदि जोड़ सकते हैं। यह टेक्स्ट-डेकोरेशन-लाइन, टेक्स्ट-डेकोरेशन-कलर और टेक्स्ट-डेकोरेशन-स्टाइल के लिए शॉर्टहैंड है। सिंटैक्स टेक्स्ट-डेकोरेशन प्र