CSS font-size প্রপার্টি absolute এবং relative কীওয়ার্ড দিয়ে সেট করা যায়। এটি টেক্সট কাঙ্ক্ষিতভাবে স্কেল করে।
সিনট্যাক্স
CSS font-size প্রপার্টির সিনট্যাক্স:
Selector { font-size: /*মান*/ }
নিচের টেবিলে CSS-এ ব্যবহৃত স্ট্যান্ডার্ড কীওয়ার্ডগুলো দেওয়া হলো:
| Sr.No | Value & Description |
|---|---|
| 1 | medium ফন্ট সাইজ মিডিয়াম সেট করে। এটি ডিফল্ট। |
| 2 | xx-small ফন্ট সাইজ xx-small সেট করে। |
| 3 | x-small ফন্ট সাইজ এক্সট্রা স্মল সেট করে। |
| 4 | small ফন্ট সাইজ স্মল সেট করে। |
| 5 | large ফন্ট সাইজ লার্জ সেট করে। |
| 6 | x-large ফন্ট সাইজ এক্সট্রা লার্জ সেট করে। |
| 7 | xx-large ফন্ট সাইজ xx-large সেট করে। |
| 8 | smaller প্যারেন্ট এলিমেন্টের চেয়ে ছোট ফন্ট সাইজ সেট করে। |
| 9 | larger প্যারেন্ট এলিমেন্টের চেয়ে বড় ফন্ট সাইজ সেট করে। |
নিচের উদাহরণগুলো কীওয়ার্ড দিয়ে CSS font-size সেট করার পদ্ধতি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> h1{ font-size: larger; } #demo { font-size: medium; text-align: center; background-color: floralwhite; } p { font-size: xx-large; } </style> </head> <body> <h1>Demo Heading</h1> <p id="demo">This is demo text.</p> <p>This is another demo text.</p> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { margin: auto; padding: 5px; width: 30%; border: 1px solid; border-radius: 29%; text-align: center; font-size: xx-small; } p { font-size: xx-large; } </style> </head> <body> <div> <div>One</div> <p>Two</p> </div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
