কম্পিউটার টিউটোরিয়াল

CSS-এ ফন্ট সাইজ: পিক্সেল, em, rem, পৰসেন্টেজ ও কীওয়ার্ড


CSS font-size প্রপার্টি ফন্টের আকার সেট করতে ব্যবহৃত হয়। আমরা মান হিসেবে পিক্সেল, cm, পয়েন্ট, em, rem, পৰসেন্টেজ এবং absolute কীওয়ার্ড ব্যবহার করতে পারি। Relative মানগুলো অ্যাক্সেসিবিলিটি বাড়ায়। ডিফল্ট font-size ১৬px বা ১২pt।

সিনট্যাক্স

CSS font-size প্রপার্টির সিনট্যাক্স:

Selector {    font-size: /*মান*/ }

নিচের উদাহরণগুলো CSS font-size প্রপার্টি বোঝায়:

উদাহরণ

<!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>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS-এ ফন্ট সাইজ: পিক্সেল, em, rem, পৰসেন্টেজ ও কীওয়ার্ড

উদাহরণ

<!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>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS-এ ফন্ট সাইজ: পিক্সেল, em, rem, পৰসেন্টেজ ও কীওয়ার্ড


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

  2. CSS-এ ফন্ট স্টাইল: নরমাল, ইট্যালিক ও অব্লিক

  3. CSS font-variant প্রপার্টি: small-caps, all-petite-caps, unicase ইত্যাদি

  4. CSS-এ কীওয়ার্ড দিয়ে ফন্ট সাইজ সেট করা: absolute ও relative keywords