آموزش تبدیل متن درCSS

تعریف text-transform

ویژگی text-transform در CSS برای کنترل حروف بزرگ و کوچک متن در یک عنصر استفاده می‌شود.
این ویژگی می‌تواند متن را به حروف بزرگ یا کوچک تبدیل کند یا فقط حرف اول هر کلمه را بزرگ کند، بدون اینکه محتوای اصلی در HTML تغییر کند.

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

• none → بدون تغییر، متن همان‌طور که هست نمایش داده می‌شود.
• capitalize → حرف اول هر کلمه بزرگ می‌شود.
• uppercase → همه حروف به بزرگ تبدیل می‌شوند.
• lowercase → همه حروف به کوچک تبدیل می‌شوند.

مثال: نمایش انواع text-transform

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}