CSS font-size प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) के टेक्स्ट का आकार बदला जा सकता है। यह पठनीयता और दृश्यात्मक पदानुक्रम के लिए महत्वपूर्ण है।
उदाहरण
नीचे दिए गए उदाहरण में, बटन पर font-size: 15px लागू करके फॉन्ट साइज सेट किया गया है।
<!DOCTYPE html>
<html>
<head>
<style>
.button {
background-color: yellow;
color: black;
text-align: center;
font-size: 15px;
}
</style>
</head>
<body>
<h2>Result</h2>
<p>Click below for result:</p>
<button class="button">Result</button>
</body>
</html>
font-size की इकाइयां:
px- निश्चित पिक्सेल आकारem- पैरेंट फॉन्ट साइज के सापेक्षrem- रूट (html) फॉन्ट साइज के सापेक्ष%- पैरेंट के सापेक्ष प्रतिशतvw/vh- व्यूपोर्ट चौड़ाई/ऊंचाई के सापेक्ष
सर्वोत्तम अभ्यास: एक्सेसिबिलिटी और रेस्पॉन्सिवनेस के लिए rem इकाइयों का उपयोग करें।
