ویژگی text-transform CSS
- صفحه قبل text-shadow
- صفحه بعدی text-underline-offset
تعریف و استفاده
ویژگی text-transform حروف بزرگ و کوچک متن را کنترل می‌کند.
توضیح
این ویژگی حروف بزرگ و کوچک در داخل عنصر را تغییر می‌دهد، بدون توجه به حروف بزرگ و کوچک متن منبع. اگر مقدار آن capitalize باشد، باید برخی از حروف بزرگ شوند، اما روش تعیین اینکه کدام حروف باید بزرگ شوند، مشخص نیست و بستگی به نحوه تشخیص کاربران مختلف از "واژه‌ها" دارد.
لطفاً به اینجا نیز مراجعه کنید:
آموزش CSS:متن CSS
دستورالعمل مرجع HTML DOM:ویژگی textTransform
مثال
تبدیل متن در عناصر مختلف:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
نکات و توضیحات
نکته:ممکن است کاربران مختلف از روش‌های مختلفی برای تعیین اینکه کلمه کجا شروع می‌شود و در نتیجه کدام حروف باید بزرگ شوند، استفاده کنند. به عنوان مثال، متن "w3-school" می‌تواند به دو روش نمایش داده شود: "W3-school" و "W3-School". CSS هیچ مقرراتی برای تعیین اینکه کدام یک صحیح است ندارد، بنابراین هر دو ممکن است باشند.
نوشتار زبان CSS
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| هیچ‌یک | پیش‌فرض. تعریف متن استاندارد با حروف کوچک و بزرگ. |
| capitalize | هر کلمه در متن با حرف بزرگ شروع می‌شود. |
| uppercase | تعریف فقط حروف بزرگ. |
| lowercase | تعریف بدون حروف بزرگ، فقط حروف کوچک. |
| erbانی | این ویژگی باید مقدار text-transform از عنصر والد خود به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | هیچ‌یک |
|---|---|
| erbانی: | بله |
| نسخه: | CSS1 |
| نوشتار زبان جاوااسکریپت: | object.style.textTransform="uppercase" |
مثال‌های بیشتر
- کنترل حروف بزرگ و کوچک در متن
- این مثال نشان می‌دهد که چگونه می‌توان از حروف بزرگ و کوچک در متن کنترل کرد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- صفحه قبل text-shadow
- صفحه بعدی text-underline-offset
