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

जावास्क्रिप्ट के साथ टेक्स्ट डेकॉरेशन में लाइन की स्टाइल कैसे सेट करें?

जावास्क्रिप्ट में लाइन की स्टाइल सेट करने के लिए, textDecorationStyle प्रॉपर्टी का उपयोग करें। आप लाइन स्टाइल के लिए अंडरलाइन, डबल, या ओवरलाइन आदि सेट कर सकते हैं।

उदाहरण

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

<!DOCTYPE html> <html>    <body>       <div id = "myText" style = "text-decoration: underline;">          यह डेमो टेक्स्ट है।       </div>       <br>       <button onclick = "display()"> टेक्स्ट डेकॉरेशन सेट करें </button>       <script>          function display() {             document.getElementById("myText").style.textDecorationColor = "red";             document.getElementById("myText").style.textDecorationStyle = "double";          }       </script>    </body> </html>

  1. - JavaScript से फ़ॉन्ट शैली को नॉर्मल, इटैलिक या ऑब्लिक कैसे सेट करें?

    उदाहरण fontStyle प्रॉपर्टी से फ़ॉन्ट शैली सेट करें। <!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()>कैरेक्टर्स के बीच स्पेस सेट करें&