خاصية text-align-last
آخر تحديث: 2026-09-13
text-align-last خاصية text-align-last
تحدد خاصية text-align-last في CSS محاذاة السطر الأخير داخل عنصر على مستوى الكتلة، وغالبًا تُقترن بـ text-align: justify. افتراضيًا لا تُطبَّق قواعد محاذاة text-align على السطر الأخير من الفقرة؛ ويتيح text-align-last التحكم في ذلك السطر الأخير بشكل منفصل لتنسيقات مبررة أكثر مرونة وجاذبية.
| الفئة | |
|---|---|
| القيمة الأولية | auto |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS3 |
| الحالة | قياسي |
📝 التركيب
text-align-last: auto | start | end | left | right | center | justify;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
auto | start | end | left | right | center | justify | كلمة مفتاحية | قيم محاذاة السطر الأخير |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| text-align-last | ✓ v43 | ✓ v12 | ✓ v49 | ✓ v9 | ✓ v30 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： يجعل auto السطر الأخير يتبع قيمة text-align؛ وإذا كان text-align هو justify، يُحاذى السطر الأخير إلى اليسار.
تحذير： لا يظهر تأثير text-align-last إلا عندما يحتوي العنصر على عدة أسطر؛ أما السطر الواحد فلا يظهر تغيير.
❓ الأسئلة الشائعة
Qكيف ترتبط خاصيتا text-align-last وtext-align؟
Aيتحكم text-align في محاذاة كل الأسطر ما عدا الأخير، ويتحكم text-align-last تحديدًا في محاذاة السطر الأخير. يؤدي استخدامهما معًا إلى تحكم طباعي أدق في كتلة النص.
Qلماذا لا تعمل خاصية text-align-last كما هو متوقع في CSS؟
Aتحقق من أن العنصر يحتوي على عدة أسطر من النص وأن text-align مضبوط على justify. إذا كان النص سطرًا واحدًا، فلن يُنتج text-align-last أي تأثير مرئي.
Qكيف أوسّط السطر الأخير من فقرة باستخدام text-align-last؟
Aاضبط أولًا text-align: justify ليُبرَّر النص على الحافتين، ثم اضبط text-align-last: center لتوسيط السطر الأخير. لاحظ أنه يعمل فقط على النص متعدد الأسطر؛ أما للسطر الواحد فاستخدم text-align: center.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
