خاصية tab-size
آخر تحديث: 2026-09-13
tab-size خاصية tab-size
تحدد خاصية tab-size في CSS عرض حرف الجدولة (\t) كما يُعرض في الصفحة، وتُستخدم عادةً للتحكم في الإزاحة داخل كتل الأكواد وعناصر pre. والقيمة الافتراضية هي 8.
| الفئة | |
|---|---|
| القيمة الأولية | 8 |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS3 |
| الحالة | قياسي |
📝 التركيب
tab-size: <integer> | <length>;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
<integer> | النوع | عرض التبويب بعدد المسافات |
<length> | النوع | عرض تبويب ثابت كطول |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| tab-size | ✓ v21 | ✓ v12 | ✓ v9 | ✓ v6.1 | ✓ v15 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： اجمع مع white-space: pre أو pre-wrap للحفاظ على إزاحة الجدولة من الكود المصدري.
تلميح： لكتل الأكواد، يُوصى بـ 2 أو 4 بدلًا من الافتراضي 8 للحصول على مظهر أكثر تقاربًا.
❓ الأسئلة الشائعة
Qهل تدعم خاصية tab-size القيم العشرية أو الكسرية في CSS؟
Aصيغة <integer> تقبل الأعداد الصحيحة فقط؛ أما صيغة <length> فتقبل أطوالًا عشرية مثل 4px، لكن الصيغة الصحيحة هي الأكثر شيوعًا. وعادةً ما تتعامل تطبيقات المتصفحات مع الجدولة كتقدّم حتى موضع التبويب التالي عند مضاعفات العرض.
Qهل خاصية tab-size مفيدة لمحتوى النص الصيني في صفحة الويب؟
Aتؤثر فقط على أحرف الجدولة في النص، وعادة ما توجد في كتل الأكواد (مقترنة بـ white-space: pre للحفاظ على الإزاحة). والفقرات الصينية العادية لا تستخدم إزاحة الجدولة، لذا لا يوجد تأثير مرئي.
Qكيف أجعل إزاحة الجدولة أضيق في كتل الأكواد باستخدام CSS؟
Aاضبط tab-size: 2 أو 4 على pre أو code بدلًا من المسافات الثماني الافتراضية لكود أكثر تقاربًا وسهولة في القراءة. يجب اقترانه بـ white-space: pre أو pre-wrap، وإلا تطوي المتصفحات الجدولات إلى مسافات.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
