CSS ফন্ট-আকার বৈশিষ্ট্য ফন্টের আকার সেট করতে ব্যবহৃত হয়। আমরা শতকরা, একক যেমন পিক্সেল, সেমি, পয়েন্ট, এম, ইত্যাদি এবং পরম কীওয়ার্ডে মান নির্দিষ্ট করতে পারি। আপেক্ষিক মানগুলি অ্যাক্সেসযোগ্যতাকে সর্বাধিক করে তোলে। ডিফল্ট ফন্ট সাইজ হল 16px বা 12pt।
সিনট্যাক্স
CSS ফন্ট-সাইজ সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
font-size: /*value*/
} নিম্নলিখিত উদাহরণগুলি সিএসএস ফন্ট-সাইজ সম্পত্তি −
কে চিত্রিত করেউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
padding: 10px;
text-align: center;
width: 50%;
border: 2px solid;
border-radius: 15%;
font-size: 1.4em;
}
</style>
</head>
<body>
<div>
one
<div>two
<div>three</div>
</div>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: smaller;
}
#demo {
font-size: initial;
}
p:last-of-type {
font-size: 200%;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<p>This is demo text 1.</p>
<p id="demo">This is demo text 2. </p>
<p>This is demo text 3.</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
