خصائص Style textTransform

التعريف والاستخدام

textTransform يحدد أو يسترجع حجم النص.

يستخدم هذا الخصائص لتغيير النص إلى كبير أو صغير أو تحويل أول حرف في الكلمة إلى كبير.

انظر أيضًا:

دليل CSS التعليمي:نص CSS

دليل CSS:خصائص text-transform

مثال

مثال 1

تحويل أول حرف في كل كلمة في عنصر <p> إلى كبير.

document.getElementById("myP").style.textTransform = "capitalize";

جرب بنفسك

مثال 2

تحويل جميع الحروف في عنصر <p> إلى كبيرة.

document.getElementById("myP").style.textTransform = "uppercase";

جرب بنفسك

مثال 3

استرجاع تحويل النص الخاص بالعنصر <p>:

alert(document.getElementById("myP").style.textTransform);

جرب بنفسك

النحو

استرجاع خاصية textTransform:

object.style.textTransform

ضبط خاصية textTransform:

object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"

قيمة الخاصية

القيمة الوصف
none لا يتم تحويل أي حرف. افتراضي.
capitalize تحويل أول حرف في كل كلمة إلى كبير.
uppercase جميع الحروف يتم تحويلها إلى كبيرة.
lowercase جميع الحروف يتم تحويلها إلى صغيرة.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
القيمة الراجعة: الخط النصي، الذي يعبر عن تحويل نص العنصر.
إصدار CSS: CSS1

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم