আমরা font-size পিক্সেলে নির্দিষ্ট করতে পারি যাতে টেক্সট শুধু একটি নির্দিষ্ট সংখ্যক পিক্সেল ব্যবহার করে। পিক্সেল আকার স্ক্রিন রেজোলিউশন এবং ব্রাউজার দ্বারা ব্যবহৃত অ্যালগরিদমের ওপর ভিত্তি করে থাকে।
সিনট্যাক্স
CSS font-size প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { font-size: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো কিভাবে 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>
আউটপুট
এটি নিচের আউটপুট দেয়:
