CSS

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

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

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

4024

المواضيع

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

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;
}
مصطلحات الدرس
Text Alignment
Text Alignment

محاذاة النص

Align
Align

محاذاة

Value
Value

قيمة

Left
Left

يسار

Center
Center

في المنتصف

Justify
Justify

توزيع المسافات

Direction
Direction

اتجاه

Properties
Properties

خصائص

Vertical
Vertical

عمودي

Property
Property

خاصية

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

Cascading Style Sheets

صفحات الأنماط الانسيابية
Rtl
Rtl

Right to Left

من اليمين إلي اليسار
Ltr
Ltr

Left to Right

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