تبدیل حروف متن (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; }
تزئینات متن و چینش متن در کنار «تبدیل حروف» هماهنگی بهتری به تایپوگرافی می دهند.
لینک های تکمیلی درباره تبدیل حروف
برای مطالعه بیشتر درباره تبدیل حروف به مستندات معتبر مراجعه کنید.