HTML DOM Style fontStyle प्रॉपर्टी का इस्तेमाल टेक्स्ट की फॉन्ट स्टाइल को सेट करने या वापस करने के लिए किया जाता है। इसका उपयोग किसी तत्व के टेक्स्ट के लिए सामान्य, इटैलिक या तिरछी शैली निर्दिष्ट करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैFontStyle प्रॉपर्टी सेट करना -
object.style.fontStyle = "normal|italic|oblique|initial|inherit"
आइए हम fontStyle गुण के लिए एक उदाहरण देखें -
उदाहरण
<!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="The font style has been changed for the above paragraphs.";
}
</script>
</head>
<body>
<div id="demo1" >This is demo text 1</div>
<div id="demo2">This is demo text 2</div>
<p>Change the above divs font style by clicking the below button</p>
<button onclick="changeFontStyle()">Change fontStyle </button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“फ़ॉन्ट शैली बदलें . पर क्लिक करने पर "बटन -
