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