cssblog.ir logo
P

text-transform

تبدیل حروف کوچک به بزرگ و بالعکس در CSS

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

از مشخصه هایی است که در زبان فارسی کاربرد ندارد و کاربرد آن مربوط به زبان هایی مانند انگلیسی است که دارای دو دسته حروف بزرگ و کوچک (Case)  می باشند.

لیست مقادیر  text-transform

lowercase

تبدیل تمام حروف بزرگ به حروف کوچک

uppercase

تبدیل تمام حروف کوچک به حروف بزرگ 

capitalize

تبدیل حرف اول هر کلمه به حروف بزرگ

none

هیچ تغییری درباره حروف رخ نمی‌دهد

inherit

متن این ویژگی را از والد خود به ارث می برد.

دمو: عنوان اول این دمو کاملا بصورت حروف بزرگ نوشته شده است اما از طریق CSS به حروف کوچک تبدیل شده است. عنوان دوم برعکس عنوان اول بوده و حروف آن، از طریق CSS به حروف بزرگ تبدیل شده است. در عنوان سوم نیز از capitalize استفاده شده است و حرف اول هر کلمه، با حروف بزرگ نوشته شده است.  

 

برخی نکات درباره مقدار capitalize

capitalize اولین حروف بعد از اعداد را تبدیل نمی کند.

capitalize تنها روی حرف اول واژه ها تاثیر می گذارد و با مابقی حروف واژه ها کاری ندارد. اگر سایر حروف غیر از اول یک واژه بصورت حروف بزرگ نوشته شده باشند، capialize باعث تغییر آنها به حروف کوچک نخواهد شد.

درباره Title Case

در زبان انگلیسی استانداری برای نوشتن عنوان فیلم ها، مقالات، کتاب ها و … وجود دارد که اصطلاحا به آن Title Case گفته می‌شود. برای مثال:

The Curious Case of Benjamin Button

در حال حاضر در CSS راه حلی برای انجام چنین تبدیلی وجود ندارد و تنها راه استفاده از جاوا اسکریپت می باشد. 

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

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

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

<% errorMessage %>

<% comment.name %>

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

<% reply.name %>

avatar

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

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

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

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

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

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

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