हम टेक्स्ट को केवल एक विशिष्ट संख्या में पिक्सेल का उपयोग करने के लिए font-size को पिक्सेल में निर्दिष्ट कर सकते हैं। पिक्सेल आकार स्क्रीन के रिज़ॉल्यूशन और ब्राउज़र द्वारा इसकी गणना के लिए उपयोग किए जाने वाले एल्गोरिदम पर आधारित होता है।
सिंटैक्स
CSS font-size प्रॉपर्टी का सिंटैक्स निम्नानुसार है:
Selector { font-size: /*value*/ }
उदाहरण
निम्नलिखित उदाहरण दर्शाते हैं कि CSS font-size प्रॉपर्टी को पिक्सेल में कैसे सेट किया जाता है:
<!DOCTYPE html> <html> <head> <style> span { background-color: darkseagreen; padding: 20px; font-size: 15px; } span:nth-child(3) { font-size: 55px; } span:last-child { font-size: 25px; } </style> </head> <body> <br/> <span>one</span><span>two</span><span>three</span> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देता है:
दूसरा उदाहरण
<!DOCTYPE html> <html> <head> <style> div { width: 40%; border: 2px solid yellow; padding: 20px; font-size: 10px; } div:nth-child(3) { font-size: 20px; } div:last-child { font-size: 30px; } </style> </head> <body> <br/> <div>one</div> <div>two</div> <div>three</div> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देता है:
