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
Medienvisuell
Berechneter Wertdie angegebene Ganzzahl oder eine absolute Länge
AnimationstypLängenangabe
Kanonische Reihenfolgedie 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
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende Unterstützung
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 NeinFirefox 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 ? Edge Mobile ? 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 24
Vollständige Unterstützung 24
Vollständige Unterstützung 11.5
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -o-
Safari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
<length>
Experimentell
Chrome Vollständige Unterstützung 42Edge Keine Unterstützung NeinFirefox 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 ? Edge Mobile ? Firefox Android Vollständige Unterstützung 53Opera Android Vollständige Unterstützung 37Safari iOS Keine Unterstützung NeinSamsung 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

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, Sebastianz, Prinz_Rana
Zuletzt aktualisiert von: SJW,