CSS Text Alignment
محاذاة النصوص في لغة CSS
ستتعلم في هذا الدرس محاذاة النصوص عن طريق خصائص تعديل وتحريك مًوضع النصوص علي المتصفح بلغة CSS وهذة الخصائص يمكن من خلالها اللتحكم في طريقة عرض النصوص من جهة [ اليسار - اليمين - المنتصف - أعلي - أسفل ] علي المتصفح.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Text Alignment
محاذاة النصوص في لغة CSS
</>
CSS text align
خاصية text-align في لغة CSS
- 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;
ملاحظات
</>
CSS text align left
القيمة left مع خاصية text-align في لغة CSS
CSS text align left
تبدأ النصوص من جهة يسار العنصر عن طريق إستخدام الخاصية text-align والقيمة left في لغة CSS.
p { text-align:left; }
</>
CSS text align right
القيمة right مع خاصية text-align في لغة 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; }