cssblog.ir logo
P

font-variant

نمایش حروف کوچک انگلیسی به شکل حروف بزرگ

این مشخصه با حروف سروکار دارد و از آن دسته از مشخصه‌هایی است که کاربرد آن برای زبان مانند انگلیسی است و در زبانی مانند فارسی کاربردی ندارد.

این مشخصه با حروف سروکار دارد و از آن دسته از مشخصه‌هایی است که کاربرد آن برای زبان مانند انگلیسی است و در زبانی مانند فارسی کاربردی ندارد. برای مثال اگر مقدار این مشخصه را برابر با small-caps تعیین کنیم اتفاقی که خواهد افتاد این است که حروف کوچکی که در متن قرار دارند با استفاده از حروف بزرگ آن متن نوشته خواهند شد اما با این تفاوت که این حروف بزرگ از سایز عادی خود کوچکتر هستند.

مثال: در این مثال مشاهده می کنید که حروف کوچک پاراگراف اول با حروف بزرگ نوشته شده اند اما در مقایسه با پاراگراف دوم که کلا حروف بزرگ نوشته است سایز حروف تفاوت دارند.

از این مشخصه می توان بصورت ترکیبی با مشخصه text-transform نیز استفاده نمود. برای مثال می توان با استفاده از text-transformحروف راlowercase کرد و سپس با استفاده از font-variantبجای حروف کوچک، از نسخه حروف بزرگ فونت استفاده کرد. (بنظر نمی رسد که کسی چنین کاری انجام دهد!)

لیست مقادیر

در CSS3 تعدادی مقدار جدید برای این مشخصه اضافه شده است که لیست آنها این چنین است:

all-small-caps, petite-caps, all-petite-caps, titling-caps, unicase

در این زمان، مرورگرها اصلا پشتیبانی خوبی از این مقادیر ندارند و تنها مقدار small-caps را به خوبی پشتیبانی می‌کنند.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند