HTML DOM Style font प्रॉपर्टी

परिचय

HTML DOM Style font प्रॉपर्टी का उपयोग छह प्रॉपर्टीज - font-style, font-variant, font-weight, font-size, line-height, और font-family को सेट करने या प्राप्त करने के लिए किया जाता है। फॉन्ट साइज और फॉन्ट फैमिली आवश्यक मान हैं और यह अन्य सभी अनुपस्थित मानों के लिए डिफ़ॉल्ट सेट कर सकता है।

सिंटैक्स

फॉन्ट प्रॉपर्टी वापस करने के लिए:

object.style.font

फॉन्ट प्रॉपर्टी सेट करने के लिए:

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  .PARA1 {
    font: oblique 5deg small-caps bold 1.3em/3 cursive;
  }
</style>
<script>
  function changeFont() {
    for(var i = 0; i < 2; i++) {
      document.getElementsByClassName("PARA1")[i].style.font = "italic bold 30px Verdana";
    }
    document.getElementById("Sample").innerHTML = "ऊपर के दोनों पैराग्राफ्स में टेक्स्ट अब बदल दिया गया है";
  }
</script>
</head>
<body>
  <p class="PARA1">यह डेमो टेक्स्ट है</p>
  <p class="PARA1">यह एक और डेमो टेक्स्ट है</p>
  <p>ऊपर के कंटेनर div का फॉन्ट बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
  <button onclick="changeFont()">फॉन्ट बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति:

"फॉन्ट बदलें" बटन पर क्लिक करने के बाद:

"फॉन्ट बदलें" बटन पर क्लिक करने के बाद (दूसरी स्थिति):