خاصية text-justify
آخر تحديث: 2026-09-13
text-justify خاصية text-justify
تحدد خاصية text-justify في CSS كيف يضبط المتصفح المسافة عندما يكون text-align مضبوطًا على justify. تتحكم فيما إذا كانت التسوية تتحقق عبر تعديل المسافة بين الكلمات أو بين الأحرف أو مزيج منهما، وتؤثر أساسًا على التفاصيل الطباعية عند استخدام قيمة justify.
| الفئة | |
|---|---|
| القيمة الأولية | auto |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS3 |
| الحالة | قياسي |
📝 التركيب
text-justify: auto | none | inter-word | inter-character;
⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
auto | none | inter-word | inter-character | كلمة مفتاحية | استراتيجيات التسوية |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح | |||||
|---|---|---|---|---|---|
| text-justify | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح: يناسب inter-character اللغات التي لا تفصل الكلمات بمسافات، مثل الصينية واليابانية، إذ يحقق حوافًا مبررة عبر تعديل المسافة بين الأحرف.
تحذير: لا يسري text-justify إلا عندما يكون text-align هو justify؛ وفي أي محاذاة أخرى تُتجاهل الخاصية.
❓ الأسئلة الشائعة
Qما قيمة text-justify التي يجب استخدامها للنص الصيني في CSS؟
Aالصينية لا تحتوي مسافات بين الكلمات، لذا يجب أن يستخدم النص المبرر text-justify: inter-character، مما يتيح للمتصفح تعديل المسافة بين الأحرف لتسوية الحافتين — والنتيجة أكثر تجانسًا وطبيعية. أما inter-word فموجَّه أساسًا للغات المفصولة بمسافات مثل الإنجليزية.
Qكيف يختار قيمة auto في text-justify استراتيجية التسوية؟
Aمع auto، يقرر المتصفح بمفرده أي استراتيجية يستخدم، وقد يختلف الاختيار بين المتصفحات. إذا احتجت إلى نتيجة متسقة، حدد صراحةً inter-word أو inter-character.
Qلماذا لا يكون لخاصية text-justify أي تأثير عندما أضبطها؟
Aلا يُطبَّق text-justify إلا عندما يكون text-align هو justify، ويحتاج العنصر إلى عدة أسطر لظهور تعديلات المسافة. إضافة إلى ذلك، يدعم inter-character حاليًا بعض المتصفحات فقط، وFirefox هو الأفضل للصينية.