خصائص text-align CSS

التعريف والاستخدام

تحدد خاصية text-align طريقة تنسيق النص الأفقي للعناصر.

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

انظر أيضًا:

دليل CSSنص CSS

دليل HTML DOMخاصية textAlign

مثال

تحديد طريقة تنسيق النص للأعمدة h1، h2، h3:

h1 {text-align:center;}
h2 {text-align:left;}
h3 {text-align:right;}

جرب بنفسك

نحو الأسلوب CSS

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

قيمة الخاصية

قيمة وصف
يسار تنسيق النص إلى اليسار. القيمة الافتراضية: تقررها المتصفح.
حق ترتيب النص إلى اليمين.
center ترتيب النص في المنتصف.
justify تحقيق تأثير النص المضبوط.
inherit تحديد أن القيمة يجب أن تُورث من خاصية text-align للعنصر الأب.

القيمة justify

أحدث خصائص الترتيب الجانبي هي justify، والتي تأتي ببعض المشاكل الخاصة بها.

القيمة justify تجعل كلا الجانبين من النص معادلاً. في النص المضبوط، يتم وضع الجانبين الأيمن واليسرى من سطر النص داخل الحواف الداخلية للعنصر الأب. ثم يتم تعديل مسافة الكلمة والأحرف بين السطور لجعل طول كل سطر متساوٍ. قد لاحظت أن النص المضبوط شائع في مجال الطباعة. ومع ذلك، يجب أن يتم إجراء المزيد من التفكير في CSS.

لتحديد كيفية تمدد النص المضبوط من قبل وكيل المستخدم (بدلاً من CSS) لملء المساحة بين الحواف اليمنى واليسرى للعنصر الأب. على سبيل المثال، قد يزيد بعض المتصفحات من المسافة بين الكلمات، بينما قد يوزع بعض المتصفحات المساحة الإضافية بين الأحرف (على الرغم من أن معيار CSS يوضح بشكل خاص، إذا كان يجب أن يوزع المسافة الإضافية بشكل متساوٍ بين الأحرف). خصائص المسافة بين الأحرفتحديد كقيمة طول، "لا يمكن للمستخدمين المستهدفين زيادة أو تقليل المسافة بين الأحرف"). قد يكون هناك أيضًا بعض وكيلي المستخدمين الذين قد يقللون مساحة بعض السطور، مما يجعل النص أكثر تضييقًا. جميع هذه الأساليب تؤثر على مظهر العنصر، وقد تغير الارتفاع، اعتمادًا على تأثير اختيارات الترتيب للمستخدمين المستهدفين على عدد السطور النصية.

لم يحدد CSS كيفية التعامل مع الشرطات (ملاحظة 1). تستخدم معظم النصوص المضبوطة من نهاية إلى أخرى الشرطات لفصل الكلمات الطويلة على سطرين، مما يقلل من الفجوة بين الكلمات ويحسن مظهر سطر النص. ومع ذلك، لأن CSS لم يحدد سلوك الشرطات، فإن وكيل المستخدم لا يبدو أنه سيضيف شرطات تلقائيًا. لذلك، يبدو النص المضبوط في CSS غير جيد للغاية للطباعة، خاصة إذا كان العنصر ضيقًا جدًا حتى يمكن وضع فقط عدة كلمات في كل سطر. بالطبع، يمكن استخدام العناصر التصميمية الضيقة، ولكن يجب توخي الحذر من العيوب المترتبة عليها.

ملاحظة 1:لم يوضح CSS كيفية التعامل مع الشرطات، لأن لديها قواعد مختلفة للشرطات في اللغات المختلفة. لم يحاول النظام المعمول به تجميع هذه القواعد التي قد تكون غير كاملة، بل لم يذكر هذا المسألة.

تفاصيل التقنية

القيمة الافتراضية: إذا كان خاصية direction كانت ltr، فإن القيمة الافتراضية هي left؛ وإذا كانت direction كانت rtl، فإنها تكون right.
التناسخ: نعم
الإصدار: CSS1
جافا سكربت: عنصر.style.textAlign="right"

مزيد من الأمثلة

تنسيق النص
هذا المثال يوضح كيفية تحديد تنسيق النص.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5