परिचय
HTML DOM fontWeight प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कैरेक्टर्स की मोटाई सेट करने या वापस करने के लिए किया जाता है।
सिंटैक्स
object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"
मान और विवरण
| मान | विवरण |
|---|---|
normal |
यह डिफ़ॉल्ट मान है और फॉन्ट में कोई बदलाव नहीं करता। |
lighter |
फॉन्ट को हल्का करता है। |
bold |
फॉन्ट को बोल्ड सेट करता है जो लाइटर से मोटा होता है। |
bolder |
फॉन्ट को बोल्डर सेट करता है जो बोल्ड से मोटा होता है। |
100-900 |
हल्के से बोल्ड कैरेक्टर्स दर्शाने वाले मानों की रेंज देता है। Normal=400, 700=Bold। |
initial |
इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करता है। |
inherit |
पैरेंट एलिमेंट से प्रॉपर्टी मान विरासत में लेता है। |
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#demo2, #demo1 {
font-family: 'times new roman';
font-size: 25px;
}
</style>
<script>
function changeFontWeight() {
document.getElementById("demo1").style.fontWeight = "bold";
document.getElementById("demo2").style.fontWeight = "bold";
document.getElementById("Sample").innerHTML = "ऊपर के पैराग्राफ्स का फॉन्ट वेट बदल दिया गया है";
}
</script>
</head>
<body>
<div id="demo1">यह डेमो टेक्स्ट है</div>
<div id="demo2">यह डेमो टेक्स्ट है</div>
<p>ऊपर के divs के अंदर टेक्स्ट का फॉन्ट वेट बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
<button onclick="changeFontWeight()">फॉन्ट वेट बदलें</button>
<p id="Sample"></p>
</body>
</html>
आउटपुट
प्रारंभिक स्थिति (सामान्य फॉन्ट वेट):
"फॉन्ट वेट बदलें" बटन पर क्लिक करने के बाद (बोल्ड):
