JavaScript में एक ही घोषणा में सभी फ़ॉन्ट प्रॉपर्टीज़ कैसे सेट करें?

उदाहरण

JavaScript में सभी फ़ॉन्ट प्रॉपर्टीज़ (font-style, font-variant, font-weight, font-size, line-height, font-family) को एक साथ सेट करने के लिए font शॉर्टहैंड प्रॉपर्टी का उपयोग करें।

<!DOCTYPE html>
<html>
  <body>
    <h1>हेडिंग 1</h1>
    <p id="myID">
      यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
      यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    </p>
    <button type="button" onclick="display()">फ़ॉन्ट सेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.font = "italic 15px verdana,sans-serif";
      }
    </script>
  </body>
</html>

व्याख्या: font प्रॉपर्टी में मान का क्रम है: font-style font-variant font-weight font-size/line-height font-family। उपरोक्त उदाहरण में italic (style), 15px (size), और verdana,sans-serif (family) सेट किया गया है।