خصائص 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 | يحدد عدم وجود أحرف كبيرة، ويوجد فقط أحرف صغيرة. |
| تناسخ | يحدد ذلك ما يجب استخدامه من قيمة السمة 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
