CSS/tab-size

الخاصية tab-size في CSS تُستعمل لتخصيص عرض محرف الجدولة (tab) الذي له الرمز U+0009 في يونيكود.

بطاقة الخاصية

القيمة الابتدائية	8
تُطبَّق على	الحاويات الكتلية.
قابلة للوراثة	نعم
قابلة للتحريك	نعم
القيمة المحسوبة	كما حُدِّدت.

/* <integer> قيم عددية */
tab-size: 4;
tab-size: 0;

/* <length> قيم طولية */
tab-size: 10px;
tab-size: 2em;

/* قيم عامة */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

أمثلة

مثال عن استخدام الخاصية tab-size على عنصر <pre> (لاحظ أنَّ الحالة الوحيدة التي سيُعرَض فيها محرف tab في مستندات HTML هي داخل العنصر <pre> أو إذا ضبطنا قيمة الخاصية white-space إلى pre أو pre-wrap):

<pre>I	have	tabs	inside!    tab-size: initial;</pre>
<pre class="tab-2">I	have	tabs	inside!  tab-size: 2;</pre>
<pre class="tab-4">I	have	tabs	inside!  tab-size: 4;</pre>
<pre class="tab-6">I	have	tabs	inside!  tab-size: 6;</pre>
<pre class="tab-em">I	have	tabs	inside! tab-size: 1em;</pre>

شيفرة CSS:

.tab-2  { tab-size: 2;   }
.tab-4  { tab-size: 4;   }
.tab-6  { tab-size: 6;   }
.tab-em { tab-size: 1em; }

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	21	4.0	غير مدعومة	15	6.1
<length>	42	53.0	غير مدعومة	29	غير مدعومة

متصفح Edge لا يدعم هذه الخاصية.

البنية العامة

تقبل الخاصية tab-size إحدى القيمتين التاليتين.

<integer>

عدد الفراغات الموجودة في محرف tab واحد. يجب ألّا تكون هذه القيمة سالبةً.

<length>

عرض محرف tab واحد. يجب ألّا تكون هذه القيمة سالبةً.

البنية الرسمية

tab-size: <integer> | <length>;

 انظر أيضًا

• صفحة الخاصية  line-height التي تضبط المسافة المستخدم للأسطر.
• صفحة الخاصية  letter-spacing التي تُحدِّد ما هو التباعد بين الأحرف النصية.

مصادر ومواصفات

• مسودة CSS Text Module Level 3.