CSS

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

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

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

2729

المواضيع

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

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.
مصطلحات الدرس
Capital
Capital

كبير

Small
Small

صغير

Property
Property

خاصية

Values
Values

قيم

Lowercase
Lowercase

أحرف صغيرة

Uppercase
Uppercase

أحرف كبيرة

Capitalize
Capitalize

أول حرف فقط من الكلمة كبير

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

صفحات الأنماط الانسيابية
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات