CSS

CSS Text Alignment
محاذاة النصوص في لغة CSS

ستتعلم في هذا الدرس محاذاة النصوص عن طريق خصائص تعديل وتحريك مًوضع النصوص علي المتصفح بلغة CSS وهذة الخصائص يمكن من خلالها اللتحكم في طريقة عرض النصوص من جهة [ اليسار - اليمين - المنتصف - أعلي - أسفل ] علي المتصفح.

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

7104

المواضيع

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

CSS Text Alignment
محاذاة النصوص في لغة CSS

</> CSS text align
خاصية text-align في لغة CSS

تستخدم خاصية text-align للتحكم في محاذاة النصوص بشكل أفقي وتُعطي المرونة ليبدأ عرض النص من جهة اليمين أو اليسار أو المنتصف داخل العنصر في لغة CSS.


قيم خاصية text-align:
  • left لنجعل النصوص يبدأ من جهة اليسار.
  • right لنجعل النصوص يبدأ من جهة اليمين.
  • center لنجعل النصوص تكون في الوسط.
  • justify  لنجعل جميع سطور النص متساوية من جهة اليمين واليسار.
text-align syntax

طريقة كتابة خاصية text-align.

text-align: value;
text-align values

قيم خاصية text-align.

text-align: left|right|center|justify|initial|inherit;
ملاحظات
إذا كانت صفحة الويب باللغة العربية فخاصية text-align تستخدم لمحاذاة نصوص العناصر من جهة اليمين والعكس إذا كانت صفحة الويب باللغة الأنجليزية.

</> CSS text align left
القيمة left مع خاصية text-align في لغة CSS

تًستخدم خاصية  text-align مع القيمة left لتغيير طريقة بدأ النص ويبدأ من جهة اليسار داخل عناصر HTML بلغة CSS.
CSS text align left

تبدأ النصوص من جهة يسار العنصر عن طريق إستخدام الخاصية text-align والقيمة left في لغة CSS.

p
{
text-align:left;
}
تُعرض النصوص بداخل العناصر بشكل إفتراضي من جهة اليسار بدون إستخدام قيمة text-align مع القيمة left قد لا تلاحظ تغيير في محاذاة النص لهذا السبب.

</> CSS text align right
القيمة right مع خاصية text-align في لغة CSS

تًستخدم خاصية  text-align مع القيمة right لتغيير طريقة بدأ النص ويبدأ من جهة اليمين داخل عناصر HTML بلغة CSS.
CSS text align right

تبدأ النصوص من جهة يمين العنصر عن طريق إستخدام الخاصية text-align والقيمة right في لغة CSS.

p
{
text-align:right;
}

</> CSS text align center
القيمة center مع خاصية text-align في لغة CSS

تًستخدم خاصية  text-align مع القيمة center لتغيير طريقة بدأ النص ويبدأ من جهة المنتصف داخل عناصر HTML بلغة CSS.

CSS text align center

تبدأ النصوص من جهة منتصف العنصر عن طريق إستخدام الخاصية text-align والقيمة center في لغة CSS.

p
{
text-align:center;
}

</> CSS text align justify
القيمة justify مع خاصية text-align في لغة CSS

تًستخدم خاصية  text-align مع القيمة justify لعمل مسافات بين الكلمات وتمتد السطور الصغيرة لتساوي السطور الكبيرة وتكون متساوية الأطراف بحيث تبدأ السطور وتنتهي معاً.

CSS text align justify

تبدأ النصوص من جهة يسار العنصر عن طريق إستخدام الخاصية text-align والقيمة justify في لغة CSS.

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