কম্পিউটার

CSS ব্যবহার করে Em এর সাথে ফন্ট সাইজ সেট করা


পাঠ্যের মাপযোগ্য আকারের জন্য, হরফ-আকারটি em এ প্রকাশ করা হয়। বাই ডিফল্ট এক এম 16px বা 12pt এর সমান। এর মান মূল উপাদানের ফন্ট-আকারের সাথে আপেক্ষিক।

সিনট্যাক্স

CSS ফন্ট-সাইজ সম্পত্তির সিনট্যাক্স নিম্নরূপ -

Selector {
   font-size: /*value*/
}

উদাহরণ

নিম্নলিখিত উদাহরণগুলি বোঝায় কিভাবে CSS ফন্ট-আকারের বৈশিষ্ট্য ems −

-এ সেট করা যায়
<!DOCTYPE html>
<html>
<head>
<style>
div {
   width: 40%;
   border: 2px solid yellow;
   padding: 20px;
   font-size: 1em;
}
span {
   font-size: 2em;
   background-color: chartreuse;
}
</style>
</head>
<body>
<div>
<p>This is a demo paragraph<span> displaying font sizes</span> set with em in CSS.</p>
</div>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

CSS ব্যবহার করে Em এর সাথে ফন্ট সাইজ সেট করা

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
table {
   width: 40%;
   border: 2px ridge red;
   font-size: 0.8em;
}
span {
   font-size: 1.5em;
   background-color: silver;
}
</style>
</head>
<body>
<h2>Class Info</h2>
<table>
<tr>
<th>Number of Students</th>
</tr>
<tr>
<td>Class A</td>
<td><span>50 Students</span></td>
</tr>
<tr>
<td>Class B</td>
<td><span>40 Students</span></td>
</tr>
</table>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

CSS ব্যবহার করে Em এর সাথে ফন্ট সাইজ সেট করা


  1. CSS ব্যবহার করে লিঙ্কের রঙ সেট করা

  2. CSS ব্যবহার করে কীওয়ার্ডের সাথে ফন্ট সাইজ সেট করা

  3. CSS-এ ফন্ট সাইজ

  4. CSS ব্যবহার করে রেডিয়াল গ্রেডিয়েন্টের আকার নির্ধারণ করা