انتقل إلى محتوى الدرس

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

ستتعلم في هذا الدرس محاذاة محتوى السطور أفقيًا باستخدام text-align، والفرق بين left وright وcenter وjustify والقيم التي تتبع اتجاه النص.

1 صفوف تعليمية
لغة CSS
11,597 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تحدد text-align محاذاة المحتوى السطري داخل صندوق السطر في حاوية كتلية؛ في الكتابة الأفقية تضبط محاذاة النص أفقيًا، ولا تنقل صندوق العنصر نفسه.

  • left وright للمحاذاة مع الحافة اليسرى أو اليمنى.
  • center لتوسيط محتوى كل سطر.
  • justify لضبط المسافات حتى تصطف الحافتان؛ السطر الأخير لا يمدد افتراضيًا بالطريقة نفسها.
  • start وend يتبعان اتجاه النص؛ start يمين مع RTL ويسار مع LTR.
خاصية text-align في لغة CSS

text-align syntax

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

CSS
text-align: value;

text-align values

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

CSS
text-align: left|right|center|justify|initial|inherit;