font-variant প্রপার্টি font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, এবং font-variant-east-asian নির্দিষ্ট করতে ব্যবহৃত হয়।
সিনট্যাক্স
font-variant প্রপার্টির সিনট্যাক্স:
Selector { font-variant: /*মান*/ }
নিচের উদাহরণগুলো CSS font-variant প্রপার্টি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> table * { box-shadow: inset 0 0 10px lavender; font-size: 1.2em; font-variant: small-caps; } td + td { font-variant: all-petite-caps; } </style> </head> <body> <table> <tr> <th>DEMO a</th> <th>DEMO b</th> </tr> <tr> <td>1a</td> <td>1b</td> </tr> <tr> <td>2a</td> <td>2b</td> </tr> </table> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { display: flex; margin: 20px; width: 20%; float: left; box-shadow: inset 0 0 9px orange; } #demo { font-variant: unicase; } </style> </head> <body> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque felis ac lorem ornare maximus.</div> <div id="demo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque felis ac lorem ornare maximus.</div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
