টেক্সটের মাপ বস্তুনিষ্ঠ (scalable) রাখার জন্য, font-size কে em-এ প্রকাশ করা হয়। ডিফল্টভাবে এক em ১৬px বা ১২pt-এর সমান। এর মান প্যারেন্ট এলিমেন্টের font-size-এর সাথে আপেক্ষিক।
সিনট্যাক্স
CSS font-size প্রপার্টির সিনট্যাক্স নিচে দেওয়া হলো:
Selector { font-size: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো দেখায় কিভাবে CSS font-size প্রপার্টি em-এ সেট করা যায়:
<!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>
আউটপুট
এটি নিচের আউটপুট দেবে:
