परिचय
HTML DOM Style fontSizeAdjust प्रॉपर्टी का उपयोग लोअरकेस अक्षर 'x' और अपरकेस अक्षर 'X' की ऊंचाई के आधार पर फॉन्ट का आकार सेट करने के लिए किया जाता है। यह fontSize प्रॉपर्टी की तुलना में फॉन्ट आकार पर अधिक नियंत्रण प्रदान करता है।
नोट: यह प्रॉपर्टी केवल मोज़िला फायरफॉक्स में समर्थित है।
सिंटैक्स
object.style.fontSizeAdjust = "none|number|initial|inherit"
मान और विवरण
| मान | विवरण |
|---|---|
none |
फॉन्ट आकार के लिए कोई समायोजन नहीं करता और यह डिफ़ॉल्ट मान है। |
number |
पहले फॉन्ट साइज के x-height को दूसरे से विभाजित करके और दिए गए नंबर से गुणा करके आस्पेक्ट वैल्यू रेशियो की गणना करने के लिए उपयोग किया जाता है। |
initial |
इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करता है। |
inherit |
पैरेंट एलिमेंट से प्रॉपर्टी मान विरासत में लेता है। |
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
.one {
font-family: verdana;
}
.two {
font-family: 'times new roman';
}
#demo1, #demo2 {
font-size-adjust: 0.5;
}
</style>
<script>
function adjustFontSize() {
document.getElementById("demo1").style.fontSizeAdjust = "1";
document.getElementById("demo2").style.fontSizeAdjust = "1";
document.getElementById("Sample").innerHTML = "ऊपर के div के अंदर टेक्स्ट का fontSizeAdjust प्रॉपर्टी 1 तक बढ़ा दिया गया है";
}
</script>
</head>
<body>
<div class="one">यह डेमो टेक्स्ट है</div><br/>
<div id="demo1" class="one">यह डेमो टेक्स्ट है</div><br/>
<div class="two">यह डेमो टेक्स्ट है</div><br/>
<div id="demo2" class="two">यह डेमो टेक्स्ट है</div>
<p>ऊपर के div टेक्स्ट का fontSizeAdjust प्रॉपर्टी बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
<button onclick="adjustFontSize()">fontSizeAdjust बदलें</button>
<p id="Sample"></p>
</body>
</html>
आउटपुट
प्रारंभिक स्थिति (font-size-adjust: 0.5):
"fontSizeAdjust बदलें" बटन पर क्लिक करने के बाद (font-size-adjust: 1):
