CSS text-transform 属性
- الصف السابق text-shadow
- الصف التالي text-underline-offset
التعريف والاستخدام
تحكم خاصية text-transform في أحرف النص.
الشرح
تغير هذه الخاصية أحرف النص في العنصر، بغض النظر عن أحرف النص في المستند الأصلي. إذا كان القيمة "capitalize"، فإنه يجب أن يتم تمرير بعض الأحرف إلى الحروف الكبيرة، ولكن لم يتم تحديد كيفية تحديد الأحرف التي يجب أن تكون كبيرة، ويعتمد ذلك على كيفية التعرف على المستخدمون على الكلمات المختلفة.
انظر أيضًا:
دليل CSS:CSS 文本
دليل DOM HTML:خاصية textTransform
مثال
تحويل النص في عناصر مختلفة:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
الإرشادات والتعليقات
التعليقات:قد يستخدم مختلف المستخدمون وسائل مختلفة لتحديد من حيث تبدأ الكلمة، مما يؤدي إلى تحديد الأحرف التي يجب أن تكون كبيرة. على سبيل المثال، النص "w3-school" يمكن أن يُعرض بطريقتين: "W3-school" و "W3-School". لا يحدد CSS أي منهما صحيح، لذا كلاهما صحيحان.
جافا سكربت:
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| لا شيء | افتراضي. يحدد نصًا عاديًا يحتوي على أحرف صغيرة وأحرف كبيرة. |
| capitalize | كل كلمة في النص تبدأ بحرف كبير. |
| uppercase | يحدد وجود فقط أحرف كبيرة. |
| lowercase | يحدد عدم وجود أحرف كبيرة، فقط أحرف صغيرة. |
| تنسيق | يحدد هذا يجب أن يستمر النص من العنصر الأم text-transform. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنسيق: | نعم |
| الإصدار: | 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
