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

परिचय

HTML DOM Style fontSize प्रॉपर्टी का उपयोग फॉन्ट का आकार सेट करने या वापस करने के लिए किया जाता है।

सिंटैक्स

object.style.fontSize = "value|initial|inherit"

मान और विवरण

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  li {
    font-size: 1.1em;
    background-color: snow;
    font-family: cursive;
  }
</style>
<script>
  function changeFontSize() {
    for(var i = 0; i < 3; i++) {
      document.getElementsByTagName("li")[i].style.fontSize = "xx-large";
    }
    document.getElementById("Sample").innerHTML = "ऊपर की लिस्ट का फॉन्ट आकार अब xx-large पर सेट है";
  }
</script>
</head>
<body>
  <ul>
    <li>यह लिस्ट आइटम 1 है।</li>
    <li>यह लिस्ट आइटम 2 है</li>
    <li>यह लिस्ट आइटम 3 है</li>
  </ul>
  <p>ऊपर के लिस्ट आइटम्स का फॉन्ट आकार बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
  <button onclick="changeFontSize()">फॉन्ट आकार बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

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

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