CSS
HTML
COMPONENTS
CODE HUB
CSS Tab Size Generator
Konfiguration
Tabulatorgröße
Klasse
Vorschau
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Code
ReadyTools Academy
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯
Jetzt startenCSS Tab Size Generator
In CSS gibt es keine direkte Eigenschaft, um die Tabulatorgröße für Text festzulegen. Sie können jedoch das Erscheinungsbild von Tabulatorzeichen mithilfe der Eigenschaft tab-size in Kombination mit der Eigenschaft white-space steuern. Die Eigenschaft tab-size definiert die Breite eines Tabulatorzeichens innerhalb eines Elements.
Hier ist ein Beispiel für die Verwendung der Eigenschaft tab-size, um die Tabulatorbreite auf 4 Leerzeichen festzulegen:
.tab-size-element {
tab-size: 4;
white-space: pre;
}
In diesem Beispiel:
- Die Klasse .tab-size-element legt die Tabulatorgröße mithilfe der Eigenschaft tab-size auf 4 Leerzeichen fest.
- Die Deklaration white-space: pre; wird verwendet, um Leerzeichen, einschließlich Tabulatoren, innerhalb des Elements beizubehalten.
Durch Festlegen von tab-size können Sie die Breite von Tabulatorzeichen in Ihrem Text steuern, wodurch es einfacher wird, Textinhalte mit Tabulatoren zu formatieren und auszurichten, insbesondere bei der Darstellung von Code oder tabellarischen Daten. Die Eigenschaft white-space: pre; wird verwendet, um sicherzustellen, dass die Tabulatoren in der gerenderten Ausgabe unverändert beibehalten werden.