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

जावास्क्रिप्ट के साथ टेक्स्ट का छाया प्रभाव कैसे सेट करें?


छाया प्रभाव सेट करने के लिए, textShadow . का उपयोग करें जावास्क्रिप्ट में संपत्ति।

उदाहरण

जावास्क्रिप्ट के साथ पाठ के छाया प्रभाव को वापस करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <body>
      <button onclick = "display()">Set Text Shadow</button>

      <div id = "myID">
         This is Demo Text! This is Demo Text! This is <br>This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text!<br> This is Demo Text!<br> This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text!
      </div>

      <script>
         function display() {
            document.getElementById("myID").style.textShadow = "2px 2px 2px #ff0000,20px 5px 2px #F1F1F1";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ छोटे बड़े अक्षरों में प्रदर्शित होने वाले फ़ॉन्ट को कैसे सेट करें?

    फॉन्ट को छोटे बड़े अक्षरों में सेट करने के लिए, fontVariant का उपयोग करें संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ छोटे बड़े अक्षरों में प्रदर्शित होने वाले फ़ॉन्ट को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>     &n

  1. जावास्क्रिप्ट के साथ टेक्स्ट में लाइनों के बीच की दूरी कैसे सेट करें?

    लाइनों के बीच की दूरी निर्धारित करने के लिए, लाइनहाइट . का उपयोग करें संपत्ति। जावास्क्रिप्ट के साथ टेक्स्ट में लाइनों के बीच की दूरी निर्धारित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <h1>H

  1. जावास्क्रिप्ट के साथ टेक्स्ट में वर्णों के बीच की जगह कैसे सेट करें?

    अक्षरों के बीच स्पेस सेट करने के लिए, JavaScript लेटरस्पेसिंग का उपयोग करें संपत्ति। उदाहरण जावास्क्रिप्ट वाले टेक्स्ट में वर्णों के बीच स्पेस सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <h1>Headi