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

जावास्क्रिप्ट के साथ टेक्स्ट का शैडो इफेक्ट कैसे सेट करें?


शैडो इफेक्ट सेट करने के लिए, जावास्क्रिप्ट में textShadow प्रॉपर्टी का उपयोग करें।

उदाहरण

जावास्क्रिप्ट के साथ टेक्स्ट का शैडो इफेक्ट वापस करने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <body>       <button onclick = "display()">टेक्स्ट शैडो सेट करें</button>       <div id = "myID">          यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह <br>यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!<br> यह डेमो टेक्स्ट है!<br> यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!       </div>       <script>          function display() {             document.getElementById("myID").style.textShadow = "2px 2px 2px #ff0000,20px 5px 2px #F1F1F1";          }       </script>    </body> </html>

  1. - JavaScript से फ़ॉन्ट को स्मॉल कैपिटल लेटर्स में कैसे प्रदर्शित करें?

    उदाहरण fontVariant प्रॉपर्टी से फ़ॉन्ट को स्मॉल-कैप्स में बदलें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID> यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट ह

  1. - JavaScript से टेक्स्ट में लाइन्स के बीच की दूरी कैसे सेट करें?

    उदाहरण lineHeight प्रॉपर्टी से टेक्स्ट लाइन्स के बीच की ऊंचाई सेट करें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>यह डेमो टेक्स्ट है।<br>यह डेमो टेक्स्ट<br>यह डेमो टेक्स्ट</p> <button type=button onclick=display(

  1. - JavaScript से टेक्स्ट में कैरेक्टर्स के बीच स्पेस कैसे सेट करें?

    उदाहरण letterSpacing प्रॉपर्टी से कैरेक्टर्स के बीच अतिरिक्त स्पेस जोड़ें या घटाएं। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>कैरेक्टर्स के बीच स्पेस सेट करें&