CSS

CSS Text Transformation
تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS

ستتعلم في هذا الدرس طريقة تحويل حروف النصوص الأنجليزية lower case الصغيرة إلي حروف uper case كبيرة وحروف النصوص الكبيرة إلي صغيرة وتحويل أول حرف إلي حروف كبيرة باستخدام خاصية Text Transformation في لغة CSS.

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

4426

المواضيع

24
الشروحات chevron_left CSS Text Transformation chevron_left CSS

CSS Text Transformation
تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS

</> CSS Text Transfromation
تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS

تستخدم خاصية text-transform في لغة CSS لتحويل حروف النصوص الانجليزية lower case الصغيرة إلي حروف نصوص uper case كبيرة والعكس أو تحويل أول حرف فقط إلي حروف كبيرة.


 قيم خاصية text-transform في لغة CSS:

  • lowercase تُستخدم لتحويل جميع الحروف الأنجليزية الكبيرة إلي حروف صغيرة.
  •  uppercase تُستخدم لتحويل جميع الحروف الأنجليزية الصغيرة إلي حروف كبيرة.
  •  capitalize تُستخدم لتحويل أول حرف من كل كلمة إنجليزية إلي حروف كبيرة.

css text transform

CSS TEXT TRANSFORM

css text transform

text-transform syntax

طريقة كتابة خاصية text-transform في لغة CSS.

text-transform:value;
text-transform values

قيم خاصية text-transform في لغة CSS.

text-transform:none|capitalize|uppercase|lowercase|initial|inherit;

</> CSS Text Transfromation none
خاصية Text-Transfromation مع القيمة none في لغة CSS

تًستخدم خاصية text-transform مع القيمة none لتبقي الحروف الأنجليزية بحالتها الأفتراضية إذا كانت بأحرف كبيرة أو صغيرة ستبقي كما كانت.

CSS Text Transfromation none

خاصية text-transform مع القيمة none في لغة CSS.

p
{
 text-transform:none;
}
مهم
ليس ضرورياً أن تبقي النصوص بحروف كبيرة أو حروف صغيرة حتي تًستخدم خاصية text-decoration مع القيمة none في لغة CSS.

</> CSS Text Transfromation lowercase
خاصية Text-Transfromation مع القيمة lowercase في لغة CSS

تًستخدم خاصية text-transform مع القيمة lowercase لتحويل جميع الحروف الأنجليزية الكبيرة إلي حروف صغيرة.

CSS Text Transfromation lowercase

خاصية text-transform مع القيمة lowercase في لغة CSS.

p
{
 text-transform:lowercase;
}
مهم
يحب أن تكون أحرف النصوص بحروف كبيرة حتي تلاحظ أن الحروف تم تحويلها من حروف كبيرة إلي حروف صغيرة مع إستخدام خاصية text-decoration مع القيمة lowercase.

</> CSS Text Transfromation uppercase
خاصية Text-Transfromation مع القيمة uppercase في لغة CSS

تًستخدم خاصية text-transform مع القيمة uppercase لتحويل جميع الحروف الأنجليزية الصغيرة إلي حروف كبيرة.

CSS Text Transfromation uppercase

خاصية text-transform مع القيمة uppercase في لغة CSS.

p
{
 text-transform:uppercase;
}
مهم
يحب أن تكون أحرف النصوص بحروف صغيرة حتي تلاحظ أن الحروف تم تحويلها من حروف صغيرة إلي حروف كبيرة مع إستخدام خاصية text-decoration مع القيمة uppercase.

</> CSS Text Transfromation capitalize
خاصية Text-Transfromation مع القيمة capitalize في لغة CSS

تًستخدم خاصية text-transform مع القيمة capitalize لتحويل أول حروف الكلمات الأنجليزية من حروف صغيرة إلي أحروف كبيرة وباقي الكلمة إلي أحرف صغيرة.

CSS Text Transfromation capitalize

خاصية text-transform مع القيمة uppercase في لغة CSS.

p
{
 text-transform:capitalize;
}
مهم
يحب أن تكون أحرف النصوص بحروف صغيرة حتي تلاحظ أن أول الكلمات بأحرف تم تحويلها من حروف صغيرة إلي حروف كبيرة مع إستخدام خاصية text-decoration مع القيمة capitalize.
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات