So verwenden Sie das CSS-Tab-Size-Attribut-CSS-Tutorial-php.cn

Heim

Web-Frontend

CSS-Tutorial

So verwenden Sie das CSS-Tab-Size-Attribut

silencement

May 27, 2019 pm 03:35 PM

So verwenden Sie das CSS-Tab-Size-Attribut

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 Ergebnis des Tabulatorgrößenattributs ist nur für diese Elemente.

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 4

I use tab-size 16

目前只有Chrome支持 tab-size属性。

Firefox支持可替代该属性的属性-moz-tab-size属性。

Opera支持可替代该属性的属性-o-tab-size属性。

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Tab-Size-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Verwandter Artikel

Wiederverwendbare Popovers, um einen kleinen Pop hinzuzufügenApr 17, 2025 am 11:02 AM

Ein Popover ist eine vorübergehende Ansicht, die oben auf einem Inhalt auf dem Bildschirm angezeigt wird, wenn ein Benutzer auf eine Steuertaste oder in einem definierten Bereich klickt. Zum Beispiel,

Styling -Links mit echten UntersteinenApr 17, 2025 am 10:57 AM

Bevor wir zu Stylen unterstreicht, sollten wir die Frage beantworten: Sollten wir unterstreichen?

Wöchentliche Plattformnachrichten: HTML -Ladeattribut, die Haupt -ARIA -Spezifikationen und Wechsel von Iframe zu Shadow DomApr 17, 2025 am 10:55 AM

In der Zusammenfassung der Plattformnachrichten in dieser Woche stellt Chrome ein neues Attribut für das Laden, Zugänglichkeitspezifikationen für Webentwickler und die BBC -Bewegungen ein

Multiplayer Tic Tac Toe mit GraphQLApr 17, 2025 am 10:54 AM

GraphQL ist eine Abfragesprache für APIs, die für Front-End-Entwickler sehr befähigt. Wenn die GraphQL -Site es erklärt, beschreiben Sie Ihre Daten und fragen Sie nach was

Logische Operationen mit CSS -VariablenApr 17, 2025 am 10:44 AM

Sehr oft, während Switch -Variablen verwendet (eine Variable, die entweder 0 oder 1 ist, ein Konzept, das in diesem Beitrag ausführlich erklärt wurde), wünschte ich, ich könnte es könnte

LAZY LOAD ENTRETTE YOUTUBE VIDEOSApr 17, 2025 am 10:40 AM

Dies ist eine sehr kluge Idee über Arthur Corezan. Anstatt die Standard -YouTube -Einbettung zu verwenden, die einer Seite eine Mistladung von Ressourcen hinzufügt, unabhängig davon, ob der Benutzer abgespielt wird

Können Sie den Cursor in CSS drehen?Apr 17, 2025 am 10:28 AM

Irgendwie! Es gibt keine einfache oder Standard -Möglichkeit, es zu tun, aber es ist möglich. Sie können den Cursor in verschiedene integrierte native Versionen mit CSS mit dem ändern

Hamburger -Menü mit einer Seite von React -Hooks und gestalteten KomponentenApr 17, 2025 am 10:21 AM

Wir alle wissen, was ein Hamburgermenü ist, oder? Als sich das Muster in Web -Designs einleitete, wurde es sowohl verspottet als auch für seinen Minimalismus applaudiert

See all articles