tab-size

main Ver versión oficial en línea Licencia MITDescargado el 2026-09-15 Bundle .md (1.3 MB) ↓

En esta página

Examples#
Basic example#
Using a custom value#
Responsive design#

Clase	Propiedades CSS
`tab-<number>`	`tab-size: <number>;`
`tab-(<custom-property>)`	`tab-size: var(<custom-property>);`
`tab-[<value>]`	`tab-size: <value>;`

Examples#

Basic example#

Use tab-<number> utilities like tab-2 and tab-8 to control the size of tab characters:

tab-2 {/* prettier-ignore */}

function indent() {
    return 'tabbed';
}

tab-8 {/* prettier-ignore */}

function indent() {
    return 'tabbed';
}

<!-- [!code classes:tab-2,tab-8] -->
<pre class="tab-2 ...">function indent() {&#10;&#9;return 'tabbed'&#10;}</pre>
<pre class="tab-8 ...">function indent() {&#10;&#9;return 'tabbed'&#10;}</pre>

tab-size

Examples#

Basic example#

Using a custom value#

Responsive design#