خصائص text-align-last في CSS

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

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

لاحظ أن خاصية text-align-last تُطبق على جميع الأعمدة الأكثر تقدمًا داخل العنصر المحدد. لذا، إذا كان لديك ثلاثة أقسام في <div>، يتم تطبيق text-align-last على السطر الأخير لكل قسم. إذا كنت ترغب في استخدام text-align-last في آخر قسم في المكون، يمكنك استخدام :last child، انظر المثال أدناه.

ملاحظة:في Edge/Internet Explorer، يتم تطبيق خاصية text-align-last فقط على النصوص التي تحتوي على "text-align: justify".

انظر أيضًا:

دليل CSS:نص CSS

دليل HTML DOM:textAlignLast الخصائص

مثال

المساواة الثلاثة عناصر <div> في السطر الأخير:

div.a {
  text-align: justify;  /* 针对 Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* للإدجي */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* للإدجي */ 
  text-align-last: justify;
}

تجربة شخصية

يمكن العثور على أمثلة TIY المزيدية في نهاية الصفحة.

القواعد النصية CSS

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto

القيمة الافتراضية. قاعدة ضبط كل سطر تحدد من قيمة text-align.

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

السطر الأخير يتم ضبطه في بداية السطر.

إذا كان text-direction من اليسار إلى اليمين، يتم الجمع إلى اليسار، وإذا كان text-direction من اليمين إلى اليسار، يتم الجمع إلى اليمين.
end

السطر الأخير يتم ضبطه في نهاية السطر.

إذا كان text-direction من اليمين إلى اليسار، يتم الجمع إلى اليمين، وإذا كان text-direction من اليسار إلى اليمين، يتم الجمع إلى اليسار.
initial ضع هذا الخصائص في قيمته الافتراضية. انظر إلى: initial.
inherit يرث هذا الخصائص من العنصر الأم. انظر إلى: inherit.

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

القيمة الافتراضية: auto
الوراثة: نعم
صنع المتحرك: لا يدعم. انظر إلى:خصائص المتحرك.
الإصدار: CSS3
جافا سكريبت syntax: object.style.textAlignLast="right"

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

استخدام text-align-last: في السطر الأخير داخل العنصر.

div.b p:last-child {
  text-align-last: center;
}

تجربة شخصية

دعم المتصفح

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

الرقم الذي يحتوي على -moz- يوضح الإصدار الأول الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 لا يدعم 34.0

* في Edge/Internet Explorer،لا يدعم "start" و "end" القيم.