تبدیل حروف متن (Text Transformation) در CSS
ویژگی «تبدیل حروف (Text Transformation)» با text-transform حروف متن را در نمایش تغییر می دهد، اما محتوای اصلی HTML عوض نمی شود. با این ویژگی می توانید متن را به بزرگ، کوچک یا ابتدای بزرگ هر واژه تبدیل کنید.
مقدمه ای بر تبدیل حروف
این ویژگی مقادیر زیر را می پذیرد: none برای بدون تبدیل، capitalize برای بزرگ کردن حرف اول هر کلمه، uppercase برای همه حروف بزرگ و lowercase برای همه حروف کوچک.
p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; }نکته: تبدیل حروف فقط روی نحوه نمایش اثر دارد و منبع متن در HTML را دستکاری نمی کند.
مرجع سریع ویژگی text-transform
این جدول در منبع نشان می دهد که text-transform کنترل حروف چاپی را بر عهده دارد.
نمونه های پرکاربرد تبدیل حروف
برای تیترها اغلب از uppercase و برای متن های عادی از none یا capitalize استفاده می شود.
/\* تیترها \*/ h1, h2 { text-transform: uppercase; } /\* پاراگراف های عادی \*/ p { text-transform: none; }تزئینات متن و چینش متن در کنار «تبدیل حروف» هماهنگی بهتری به تایپوگرافی می دهند.
لینک های تکمیلی درباره تبدیل حروف
برای مطالعه بیشتر درباره تبدیل حروف به مستندات معتبر مراجعه کنید.