tab-size

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browserkompatibilität beachtet werden. Es ist auch möglich, dass die Syntax in einer späteren Spezifikation noch geändert wird.

Übersicht

Die tab-size CSS Eigenschaft wird verwendet, um die Breite eines Tabulatorzeichens (U+0009) anzupassen.

Initialwert	`8`
Anwendbar auf	Blockcontainer
Vererbt	Ja
Medien	visuell
Berechneter Wert	die angegebene Ganzzahl oder eine absolute Länge
Animationstyp	Längenangabe
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* <integer> Werte */
tab-size: 4;
tab-size: 0;

/* <length> Werte */
tab-size: 10px;
tab-size: 2em;

/* Globale Werte */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

Werte

<integer>: Die Anzahl der Leerzeichen in einem Tabulator. Darf nicht negativ sein.
<length>: Die Breite eines Tabulators. Darf nicht negativ sein.

Formale Syntax

<integer> | <length>

Beispiele

pre {
  tab-size: 4; /* Setzt die Tabgröße auf 4 Leerzeichen */
}

pre {
  tab-size: 0; /* Entfernt die Einrückung */
}

pre {
  tab-size: 99; /* Verwende keine Tabs! */
}

Spezifikationen

Spezifikation	Status	Kommentar
CSS Text Module Level 3 Die Definition von 'tab-size' in dieser Spezifikation.	Arbeitsentwurf	Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`tab-size` Experimentell	Chrome Vollständige Unterstützung 21 Hinweise Vollständige Unterstützung 21 Hinweise Hinweise This property is not yet animatable.	Edge Keine Unterstützung Nein	Firefox Vollständige Unterstützung 4 Mit Präfix Hinweise Vollständige Unterstützung 4 Mit Präfix Hinweise Mit Präfix Benötigt das Herstellerpräfix: -moz- Hinweise See bug 737785 for the status of unprefixing this property. Hinweise Before Firefox 53, this property was not animatable.	IE Keine Unterstützung Nein	Opera Vollständige Unterstützung 15 Vollständige Unterstützung 15 Vollständige Unterstützung 10.5 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -o-	Safari Vollständige Unterstützung 6.1	WebView Android Vollständige Unterstützung 4.4	Chrome Android Vollständige Unterstützung 25 Hinweise Vollständige Unterstützung 25 Hinweise Hinweise This property is not yet animatable.	Firefox Android Vollständige Unterstützung 4 Mit Präfix Hinweise Vollständige Unterstützung 4 Mit Präfix Hinweise Mit Präfix Benötigt das Herstellerpräfix: -moz- Hinweise See bug 737785 for the status of unprefixing this property. Hinweise Before Firefox 53, this property was not animatable.	Opera Android Vollständige Unterstützung 14 Vollständige Unterstützung 14 Vollständige Unterstützung 11 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -o-	Safari iOS Vollständige Unterstützung 7.1	Samsung Internet Android ?
`<length>` Experimentell	Chrome Vollständige Unterstützung 42	Edge Keine Unterstützung Nein	Firefox Vollständige Unterstützung 53	IE Keine Unterstützung Nein	Opera Vollständige Unterstützung 29	Safari Keine Unterstützung Nein	WebView Android Vollständige Unterstützung 56	Chrome Android Vollständige Unterstützung 42	Firefox Android Vollständige Unterstützung 53	Opera Android Vollständige Unterstützung 29	Safari iOS Keine Unterstützung Nein	Samsung Internet Android ?

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Keine Unterstützung: Keine Unterstützung
Kompatibilität unbekannt: Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.: Experimentell. Das Verhalten kann sich zukünftig ändern.
Siehe Implementierungshinweise.: Siehe Implementierungshinweise.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.: Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Siehe auch

Controlling size of a tab character (U+0009), ein E-Mail von Anne van Kesteren an das CSSWG.