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.

Initialwert8
Anwendbar aufBlockcontainer
VererbtJa
Berechneter Wertdie angegebene Ganzzahl oder eine absolute Länge
AnimationstypLängenangabe

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
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
tab-sizeChrome Vollständige Unterstützung 21
Hinweise
Vollständige Unterstützung 21
Hinweise
Hinweise This property is not yet animatable.
Edge Vollständige Unterstützung 79
Hinweise
Vollständige Unterstützung 79
Hinweise
Hinweise This property is not yet animatable.
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 NeinOpera 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.1WebView Android Vollständige Unterstützung 4.4Chrome 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 7Samsung Internet Android Vollständige Unterstützung 1.5
Hinweise
Vollständige Unterstützung 1.5
Hinweise
Hinweise This property is not yet animatable.
<length>Chrome Vollständige Unterstützung 42Edge Vollständige Unterstützung 79Firefox Vollständige Unterstützung 53IE Keine Unterstützung NeinOpera Vollständige Unterstützung 29Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 56Chrome Android Vollständige Unterstützung 42Firefox Android Vollständige Unterstützung 53Opera Android Vollständige Unterstützung 29Safari iOS Keine Unterstützung NeinSamsung Internet Android Vollständige Unterstützung 4.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
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