পাঠ্যের মাপযোগ্য আকারের জন্য, হরফ-আকারটি em এ প্রকাশ করা হয়। বাই ডিফল্ট এক এম 16px বা 12pt এর সমান। এর মান মূল উপাদানের ফন্ট-আকারের সাথে আপেক্ষিক।
সিনট্যাক্স
CSS ফন্ট-সাইজ সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector { font-size: /*value*/ }
উদাহরণ
নিম্নলিখিত উদাহরণগুলি বোঝায় কিভাবে CSS ফন্ট-আকারের বৈশিষ্ট্য ems −
-এ সেট করা যায়<!DOCTYPE html> <html> <head> <style> div { width: 40%; border: 2px solid yellow; padding: 20px; font-size: 1em; } span { font-size: 2em; background-color: chartreuse; } </style> </head> <body> <div> <p>This is a demo paragraph<span> displaying font sizes</span> set with em in CSS.</p> </div> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html> <html> <head> <style> table { width: 40%; border: 2px ridge red; font-size: 0.8em; } span { font-size: 1.5em; background-color: silver; } </style> </head> <body> <h2>Class Info</h2> <table> <tr> <th>Number of Students</th> </tr> <tr> <td>Class A</td> <td><span>50 Students</span></td> </tr> <tr> <td>Class B</td> <td><span>40 Students</span></td> </tr> </table> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -