تبدیلات متن در سی اس اس CSS texttransform سوپر دوره CSS جلسه 25
آموزش ویژگی text-transform در CSS
در این ویدئوی آموزشی، با ویژگی text-transform در CSS آشنا خواهید شد و چگونگی استفاده از آن برای تغییر ظاهر متنها را خواهید آموخت. ویژگی text-transform به شما امکان میدهد تا متنهای خود را به صورت خودکار به شکلهای مختلفی تغییر دهید، از جمله:
capitalize: تبدیل اولین حرف هر کلمه به حروف بزرگ
uppercase: تبدیل همه حروف متن به حروف بزرگ
lowercase: تبدیل همه حروف متن به حروف کوچک
initial: استفاده از استایل متن اولیه
inherit: ارثبری استایل متن از والد مستقیم
آموزش استفاده از text-transform در CSS
اولین قدم برای استفاده از text-transform در CSS، افزودن این ویژگی به انتخابگرهای مورد نظر شما است. به عنوان مثال:
.selector {
text-transform: capitalize;
}
در این کد، متن داخل انتخابگر .selector به صورتی تبدیل خواهد شد که اولین حرف هر کلمه به حروف بزرگ تبدیل میشود.
نمونههای دیگر استفاده از text-transform
تغییر به حروف بزرگ: این کد CSS متن را به صورتی تغییر میدهد که همه حروف آن به حروف بزرگ تبدیل میشوند:
.uppercase-example {
text-transform: uppercase;
}
استفاده از حروف کوچک: این کد CSS تمام حروف متن را به حروف کوچک تبدیل میکند:
.lowercase-example {
text-transform: lowercase;
}
نتیجه
با استفاده از ویژگی text-transform در CSS، میتوانید به راحتی و بدون نیاز به جاوااسکریپت یا سایر تکنیکها، ظاهر متنهای خود را به سبک دلخواه تغییر دهید. این ویژگی به شما کمک میکند که طراحی وبسایت خود را متناسب با نیازهای طراحی و رابط کاربریتان بهبود دهید.
اگر سوالی دارید یا نیاز به راهنمایی بیشتر دارید، در بخش نظرات پایین ویدئو با ما در ارتباط باشید. امیدوارم که این آموزش برای شما مفید باشد!
آدرس سایت و شبکه های اجتماعی ما :
https://samadikala.ir
https://www.aparat.com/samadikala.ir
/ sherlock021holmes