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

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


CSS font-style প্রপার্টি এলিমেন্টের টেক্সটের জন্য normal, italic বা oblique স্টাইল নির্দিষ্ট করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

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

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> h2 {    font-style: italic;    background-color: steelblue;    color: white; } p {    font-style: oblique 10deg; } </style> </head> <body> <h2>Fortran Tutorial for Beginners</h2> <p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language.</p> <p>It is used for numeric and scientific computing.</p> </body> </html>

আউটপুট

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

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

উদাহরণ

<!DOCTYPE html> <html> <head> <style> h3 {    font-style: italic;    background-color: mediumpurple;    color: white;    text-align: center; } li {    font-family: "Comic Sans MS", cursive;    font-style: oblique 5deg; } </style> </head> <body> <h3>Developers Best Practices Tutorial</h3> <ul> <li>Documentation is the key</li> <li>Follow the standards</li> <li>Write to be Reviewed</li> </ul> </body> </html>

আউটপুট

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

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


  1. CSS-এ Font প্রপার্টি সমূহ

  2. CSS এ ফন্ট ওয়েট (Font Weight)

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

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