|
.::. آموزش خاصیت text-transform در css .::. تعداد بازدیدvisits : 840
|
|||||||||
smaeal
|
.::. آموزش خاصیت text-transform در css .::. سلام عرض میکنم خدمت کاربران جدید و قدیم سایت کدستان؛ امروز میخوام بهتون یکم دیگه CSS یاد بدم(البته شما خودتون یه پا استادید)... بحث امروزمون در مورد تابع یا بهتر بگم خاصیت text-transform هستش که یکی از بهترین گزینه ها برای طراحان وبه... مطمئناً شما بعضی از طراحان وب رو دیدید که روی کاراشون حساسیت زیادی دارند و وقتی قالبی طراحی میکنن،دوست دارن به بهترین شکل ممکن اونو ارئه بدن... مثلاً میان و کاری میکنن که حرف اول نام کاربری ها بزرگ،و بقیه حروف کوچیک باشن... بله من زیاد توضیح نمیدم... شما با این خاصیت (text-transform) میتونید کار های زیر رو انجام بدید... خوب عزیزای دل بنده،معلومه خوشتون اومده..:دی...بگذریم؛ تو این بخش با نمونه،عملکرد هر کدوم از مقدارهای این تابع رو بهتون یاد میدم،این متن اصلیه ماست،که در زیر تست خواهیم کرد،کافیه تغییرات را با این مقایسه کنید: salam be 3 codestanihaye aziz...For Test
- capitalize : این مقدار حرف اول هر کلمه رو بزرگ میکنه،نمونه : کد: <span style="text-transform: capitalize; color: red;">salam be 3 codestanihaye aziz...For Test</span>- full-width : این مقدار بین حروف فاصله میندازه،نمونه : کد: <span style="text-transform: full-width; color: red;">salam be 3 codestanihaye aziz...For Test</span>- lowercase : این مقدار زمانی به کار میره که ما میخوایم تمام حروفمون کوچیک باشه،نمونه : کد: <span style="text-transform: lowercase; color: red;">salam be 3 codestanihaye aziz...For Test</span>- uppercase : این مقدار هم زمانی به کار میره که ما دوست داریم تمامی حروف متنمون با حروف بزرگ نوشته بشه،نمونه : کد: <span style="text-transform: uppercase; color: red;">salam be 3 codestanihaye aziz...For Test</span>خوب مقدار های دیگه ای هم بودن که هیچ کار مهمی نمیکردن... از جمله مقدار none که عمل خاصی رو انجام نمیده و فقط مواقعی کاربرد داره که شما دسترسی به سورس ندارید... مثلاً اطلاعاتی که از طرف سرور ارسال میشن رو به یکی از شکل های بالا در بیارید. با تشکر - Smaeal KHM =================================================== |
||||||||
| یکشنبه 09 آذر 1393 - 09:21 |
|
||||||||
smaeal
|
پاسخAnswer 1 : .::. آموزش خاصیت text-transform در css .::. آپ قانونی!!!  =================================================== |
||||||||
| دوشنبه 10 آذر 1393 - 13:31 |
|