CSS ফন্ট-আকারের বৈশিষ্ট্যটি পরম এবং আপেক্ষিক কীওয়ার্ড দিয়ে সেট করা যেতে পারে। এটি পছন্দসই পাঠ্যকে স্কেল করে।
সিনট্যাক্স
CSS ফন্ট-আকার সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
font-size: /*value*/
} নিম্নলিখিত সারণীতে CSS -
-এ ব্যবহৃত আদর্শ কীওয়ার্ডের তালিকা রয়েছে| Sr.No | মান ও বর্ণনা |
|---|---|
| 1 | মাঝারি ফন্ট-আকারকে মাঝারি আকারে সেট করে। এটি ডিফল্ট |
| 2 | xx-ছোট ফন্ট-আকারকে xx-ছোট আকারে সেট করে |
| 3 | x-small ফন্ট-আকারকে একটি অতিরিক্ত ছোট আকারে সেট করে |
| 4 | ছোট ফন্ট-আকারকে একটি ছোট আকারে সেট করে |
| 5 | বড় ফন্ট-আকারকে বড় আকারে সেট করে |
| 6 | x-বড় ফন্ট-আকারকে একটি অতিরিক্ত-বড় আকারে সেট করে |
| 7 | xx-বড় ফন্ট-আকারকে xx-বড় আকারে সেট করে |
| 8 | ছোট হরফ-আকারকে মূল উপাদানের চেয়ে ছোট আকারে সেট করে |
| 9 | বৃহত্তর হরফ-আকারকে মূল উপাদানের চেয়ে বড় আকারে সেট করে |
নিম্নলিখিত উদাহরণগুলি ব্যাখ্যা করে কিভাবে CSS ফন্ট-সাইজ প্রপার্টি কীওয়ার্ড দিয়ে সেট করা যায়।
উদাহরণ
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
