در این قسمت از مقالات آموزشی مختلف در زمینه طراحی سایت، ویژگی Font-Variant را برای شما توضیح میدهیم.
یکی دیگر از ویژگیهای Font ویژگی Font-Variant میباشد. ویژگی Font-Variant نوشته را به صورت معمولی و یا حروف بزرگ نمایش میدهد.
مثال زیر کاربرد ویژگی Font-Variant را در بخش آموزش Css نشان میدهد.
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {font-variant:normal;}
p.small {font-variant:small-caps;}
</style>
</head>
<body>
<p class="normal">My name is Hege Refsnes.</p>
<p class="small">My name is Hege Refsnes.</p>
</body>
</html>
خروجی:
My name is Hege Refsnes.
MY NAME IS HEGE REFSNES.