عرض مصدر CSS/tab-size

<noinclude>{{DISPLAYTITLE:الخاصية <code>tab-size</code>}}</noinclude>
الخاصية <code>tab-size</code> في CSS تُستعمل لتخصيص عرض محرف الجدولة (tab) الذي له الرمز <code>U+0009</code> في يونيكود.

== بطاقة الخاصية ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>8</code>
|-
! scope="row" |تُطبَّق على
|الحاويات الكتلية.
|-
! scope="row" |قابلة للوراثة
|نعم
|-
!قابلة للتحريك
|نعم
|-
! scope="row" |القيمة المحسوبة
|كما حُدِّدت.
|}

<syntaxhighlight lang="css">
/* <integer> قيم عددية */
tab-size: 4;
tab-size: 0;

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

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

== أمثلة ==
مثال عن استخدام الخاصية <code>tab-size</code> على عنصر <code>[[HTML/pre|<nowiki><pre></nowiki>]]</code> (لاحظ أنَّ الحالة الوحيدة التي سيُعرَض فيها محرف tab في مستندات HTML هي داخل العنصر <code>[[HTML/pre|<nowiki><pre></nowiki>]]</code> أو إذا ضبطنا قيمة الخاصية <code>[[CSS/white-space|white-space]]</code> إلى <code>pre</code> أو <code>pre-wrap</code>):<syntaxhighlight lang="html">
<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>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
.tab-2  { tab-size: 2;   }
.tab-4  { tab-size: 4;   }
.tab-6  { tab-size: 6;   }
.tab-em { tab-size: 1em; }
</syntaxhighlight>
==دعم المتصفحات==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|21
|4.0
|غير مدعومة
|15
|6.1
|-
![[CSS/length|<length>]]
|42
|53.0
|غير مدعومة
|29
|غير مدعومة
|}
متصفح Edge لا يدعم هذه الخاصية.

== البنية العامة ==
تقبل الخاصية <code>tab-size</code> إحدى القيمتين التاليتين.
===  <code>[[CSS/integer|<integer>]]</code> ===
عدد الفراغات الموجودة في محرف tab واحد. يجب ألّا تكون هذه القيمة سالبةً.
===  <code>[[CSS/length|<length>]]</code> ===
عرض محرف tab واحد. يجب ألّا تكون هذه القيمة سالبةً.
=== البنية الرسمية ===
<syntaxhighlight lang="css">
tab-size: <integer> | <length>;

</syntaxhighlight>
==  انظر أيضًا ==
* صفحة الخاصية  <code>[[CSS/line-height|line-height]]</code> التي تضبط المسافة المستخدم للأسطر.
* صفحة الخاصية  <code>[[CSS/letter-spacing|letter-spacing]]</code> التي تُحدِّد ما هو التباعد بين الأحرف النصية.

== مصادر ومواصفات ==
* مسودة [https://drafts.csswg.org/css-text-3/#tab-size-property CSS Text Module Level 3]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Text|{{SUBPAGENAME}}]]