گاهی اوقات ما چیزها را بیش از حد مهندسی می کنیم …
در این مقاله قبلی به شما نشان دادم که چگونه یک رشته را با جاوا اسکریپت بزرگ کنید.
در اینجا یک قطعه از آن است:
let str = "hello world";
let capitalizedStr = str.slice(0, 1).toUpperCase() + str.slice(1);
console.log(capitalizedStr); // "Hello world"
این ممکن است در برخی موارد مفید باشد، اما اگر این کار را برای نمایش یک مقدار انجام می دهید، راه آسان تری وجود دارد.
ویژگی تبدیل متن CSS
CSS text-transform ویژگی برای تعیین حروف بزرگ متن در یک عنصر استفاده می شود. این ویژگی را می توان برای هر عنصر حاوی متن، مانند پاراگراف ها، عنوان ها، لیست ها و غیره اعمال کرد. ویژگی text-transform مقادیر زیر را می پذیرد:
-
none– مقدار را بدون تغییر باقی می گذارد -
capitalize– ارزش را با حروف بزرگ بنویسید -
uppercase– مقدار را با حروف بزرگ بنویسید -
lowercase– مقدار را کوچک کنید
بنابراین برای بزرگ کردن پاراگراف‌ها، به سادگی اعمال زیر در CSS است:
p {
text-transform: capitalize;
}
ویژگی CSS text-transform یک ابزار قدرتمند برای دستکاری سبک های متن در یک صفحه وب است که شناخت آنها را راحت می کند. 🦾
من را دنبال کنید توییتر یا در لینکدین وصل شوید.
🚨 آیا می خواهید دوستانی پیدا کنید و از همسالان خود یاد بگیرید؟
در اینجا می توانید به انجمن توسعه دهندگان وب رایگان ما بپیوندید. 🎉
