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

परिचय

HTML DOM Style fontStyle प्रॉपर्टी का उपयोग टेक्स्ट के फॉन्ट स्टाइल को सेट करने या वापस करने के लिए किया जाता है। यह किसी एलिमेंट के टेक्स्ट के लिए नॉर्मल, इटैलिक या ओब्लिक स्टाइल निर्दिष्ट करने के लिए उपयोग की जाती है।

सिंटैक्स

object.style.fontStyle = "normal|italic|oblique|initial|inherit"

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  #demo2, #demo1 {
    font-family: 'times new roman';
    font-size: 25px;
  }
</style>
<script>
  function changeFontStyle() {
    document.getElementById("demo1").style.fontStyle = "italic";
    document.getElementById("demo2").style.fontStyle = "italic";
    document.getElementById("Sample").innerHTML = "ऊपर के पैराग्राफ्स का फॉन्ट स्टाइल बदल दिया गया है";
  }
</script>
</head>
<body>
  <div id="demo1">यह डेमो टेक्स्ट 1 है</div>
  <div id="demo2">यह डेमो टेक्स्ट 2 है</div>
  <p>ऊपर के divs का फॉन्ट स्टाइल बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
  <button onclick="changeFontStyle()">फॉन्ट स्टाइल बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति (सामान्य फॉन्ट स्टाइल):

"फॉन्ट स्टाइल बदलें" बटन पर क्लिक करने के बाद (इटैलिक):