CSS tab-size-Eigenschaft

Die tab-size-Eigenschaft dient dazu, die Breite des Tabulatorzeichens (U+0009) auf der Seite festzulegen.

Die tab-size-Eigenschaft ist eine der CSS3-Eigenschaften. Sie ist auf jedem Element sichtbar, bei dem Whitespaces erhalten bleiben (z. B. mit white-space: pre, pre-wrap oder pre-line), wie bei <textarea> und <pre>.

INFO

Negative Werte sind ungültig.

Initialwert	8
Gilt für	Alle Elemente, wirkt sich jedoch nur auf Blockcontainer und Elemente mit erhaltenen Whitespaces aus.
Vererbbar	Ja.
Animierbar	Nein.
Version	CSS3
DOM-Syntax	object.style.tabSize = "20";

Syntax

CSS tab-size-Syntax

css

tab-size: number | length | initial | inherit;

Beispiel für die tab-size-Eigenschaft:

CSS tab-size-Codebeispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .tab1 {
        tab-size: 5;
      }
      .tab2 {
        tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Tab-size property example</h2>
    <pre class="tab1">
        Lorem	ipsum	is	a...  
    </pre>
    <pre class="tab2">
        Lorem	ipsum	is	a...
    </pre>
  </body>
</html>

Try it Yourself »

Ergebnis

CSS tab-size values list

Im gegebenen Beispiel beträgt der tab-size-Wert des ersten Elements 5, der des zweiten Elements 20.

Werte

Wert	Beschreibung	Ausführen
number	Legt die Anzahl der Leerzeichen in einem Tabulator fest. Negative Werte sind ungültig. Der Standardwert ist 8.	Ausführen »
length	Legt die Breite des Tabulators fest. Negative Werte sind ungültig. Dieser Wert wird von modernen Browsern weitgehend unterstützt.
initial	Legt die Eigenschaft auf ihren Standardwert zurück.
inherit	Erbt die Eigenschaft vom übergeordneten Element.

Praxis

Was bewirkt die 'tab-size'-Eigenschaft in CSS?

Sie steuert die Breite des Tabulatorzeichens.Sie bestimmt die Größe eines Bildes.Sie legt fest, wie vielen Leerzeichen ein Tabulatorzeichen entspricht.Sie steuert die Höhe des Tabulatorzeichens.

CSS tab-size-Eigenschaft ​

Syntax ​

Beispiel für die tab-size-Eigenschaft: ​

Ergebnis ​