Definition und Verwendung des CSS-Tab-Size-Attributs
In CSS wird das Tab-Size-Attribut verwendet, um das Tabulatorzeichen (Tab) anzugeben. Die Leerzeichenlänge des Zeichens wird in HTML normalerweise als einzelnes Leerzeichen angezeigt, z. B.
Das Tab-Size-Attribut ist ein neues Attribut in CSS3. Derzeit unterstützt nur der Chrome-Browser das Tab-Size-Attribut, um dieses Attribut zu ersetzen Der Browser unterstützt das Attribut -o -tab-size, um dieses Attribut zu ersetzen. Kein Browser unterstützt diesen Wert als Längeneinheit.
CSS-Tab-Size-Attribut-Syntaxformat
CSS-Syntax: Tab-Größe: Zahl/Länge/Anfang/Erben
JavaScript-Syntax: Objekt. style.tableLayout="fixed"
Der Attributwert lautet
Anzahl: Gibt die Anzahl der Leerzeichen an, die für jedes Tabulatorzeichen angezeigt werden sollen (Standardwert für 8)
Länge: Gibt die Länge des Tabulatorzeichens an (fast alle Mainstream-Browser unterstützen diesen Attributwert noch nicht)
initial: Setzt dieses Attribut auf seinen Standardwert
erben : erbt den Wert des Tab-Size-Attributs vom übergeordneten Element
Instanz
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css tab-size属性制表符的空格长度</title>
<style type="text/css">
#t1{tab-size: 4;
-moz-tab-size: 4; /*Firefox */
-o-tab-size: 4; /*Opera */
}
#t2{tab-size: 8;
-moz-tab-size: 8; /*Firefox */
-o-tab-size: 8; /* Opera */
}
</style>
</head>
<body>
<pre id="t1">I use tab-size 4I use tab-size 16
目前只有Chrome支持 tab-size属性。
Firefox支持可替代该属性的属性-moz-tab-size属性。
Opera支持可替代该属性的属性-o-tab-size属性。