Detaillierte Erläuterung der CSS-Absatzeigenschaften

CSS kann Webseiten nicht nur statisch ändern, sondern auch mit verschiedenen Skriptsprachen zusammenarbeiten, um verschiedene Elemente von Webseiten dynamisch zu formatieren. CSS kann das Layout von Elementpositionen in Webseiten präzise auf Pixelebene steuern, unterstützt fast alle Schriftgrößenstile und verfügt über die Möglichkeit, Webseitenobjekt- und Modellstile zu bearbeiten. In diesem Artikel geben wir Ihnen eine detaillierte Erklärung der CSS-Absatzeigenschaften.

Mit CSS können Sie auch die Attribute von Absätzen steuern, einschließlich Wortabstand, Zeichenabstand, Textänderung, vertikale Anordnung, Textkonvertierung, Textanordnung, Texteinzug und Zeilenhöhe usw.

1.1 Wortabstand Wortabstand

Syntax:

Wortabstand: Wert

Beschreibung:

Der Wert kann normal oder der Längenwert sein. Normal bezieht sich auf das normale Intervall und ist die Standardoption. Länge ist der Wert und die Einheit zum Festlegen des Wortintervalls. Es können auch negative Werte verwendet werden.

1.2 Zeichenabstand, Buchstabenabstand

Verwenden Sie den Abstand, um den Abstand zwischen den Zeichen zu steuern.

Syntax:

letter-spacing: value

1.3 Textdekoration text-decoration

Textdekorationseigenschaften verwenden kann Text ändern, z. B. unterstreichen, durchstreichen usw.

Syntax:

text-decoration: value

Beschreibung:

none bedeutet keine Dekoration, was der Standardwert ist. underline bedeutet Unterstreichung des Textes; Überstreichen bedeutet, dass der Text durchgestrichen wird. Durchgestrichen bedeutet, dass der Text durchgestrichen wird.

1.4 Vertikale Ausrichtung bertical-align

Verwenden Sie die vertikale Ausrichtung, um die vertikale Ausrichtung des Textes festzulegen.

Syntax:

vertikal-align: Anordnungswert

Beschreibung:

vertikal-align enthält die folgenden Werte:

baseline : Die standardmäßige vertikale Ausrichtung des Browsers;

sub: tiefgestellter Text;

top: vertikale obere Ausrichtung; >text-top: richtet die Schriftarten des Elements und des übergeordneten Elements nach oben aus;

middle: richtet vertikal in der Mitte aus;

text-bottom: richtet die Schriftart des Elements und des übergeordneten Elements aus Element nach unten.

1.5 Texttransformation text-transform

Die Texttransformationseigenschaft wird verwendet, um die Groß- und Kleinschreibung englischer Buchstaben umzuwandeln.

Syntax:

text-transform: Konvertierungswert

Beschreibung:

text-transform enthält die folgenden Werte:

none: bedeutet die Verwendung des Originalwerts;

Großschreibung: bedeutet die Verwendung des ersten Buchstabens jedes Worts in Großbuchstaben;

Großschreibung: bedeutet die Verwendung aller Buchstaben jedes Worts in Großbuchstaben; : Zeigt die Verwendung aller Kleinbuchstaben jedes Wortes an;

1.6 horizontale Ausrichtung text-align

Verwenden Sie das text-align-Attribut, um die horizontale Ausrichtung des Textes festzulegen Weg.

Syntax:

text-align: Anordnungswert

Beschreibung:

Zu den horizontalen Ausrichtungswerten gehören: links, rechts, zentriert, rechtfertigen vier Typen.

1.7 Texteinzug

In HTML können Sie nur den gesamten rechten Einzug des Absatzes steuern. Wenn Sie ihn nicht festlegen, wird dies vom Browser festgelegt Die Standardeinstellung ist keine Einrückung, aber in CSS können Sie die Einrückung der ersten Zeile des Absatzes und den Abstand der Einrückung steuern.

Syntax:

text-align: Einzugswert

1,8 Textzeilenhöhe

Verwenden Sie das Textzeilenhöhenattribut, um den Abstand zwischen Zeilen in einem Absatz zu steuern.

Syntax:

text-align: Zeilenhöhenwert

Beschreibung:

Der Zeilenhöhenwert kann mehrere Längen haben oder Prozentsatz.

1.9 Umgang mit leeren Leerzeichen

Das Leerzeichenattribut wird verwendet, um die Verarbeitungsmethode für Leerseiteninhalte festzulegen

Syntax:

white-space: leerer Wert

Beschreibung:

white-space enthält 3 Werte, wobei normal der ist Das Standardattribut pre sorgt dafür, dass Leerzeichen und Zeilenumbrüche im Quellcode erhalten bleiben, und nowrap erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird.

1.10 Textumkehr Unicode-Bidi, Richtung

Unicode-Bidi, Richtungsattribute werden häufig zusammen verwendet, um die Lesereihenfolge von Objekten festzulegen.

1.unicode-bidi-Attribut

Syntax:

unicode-bidi:bidi-override |normal| 🎜>Erklärung:

Bidi-Override bedeutet im Wert des Attributs „unicode-bidi“ eine Neuanordnung streng nach dem Wert des Attributs „direction“; „normal“ bedeutet, dass das Objekt geöffnet wird eine zusätzliche Einbettungsebene. Der Wert des Richtungsattributs gibt die Einbettungsebene an und führt implizite Neuanordnungen innerhalb des Objekts durch.

2.Richtungsattribut

Syntax:

Unicode: lir |rtl| inherit

Hinweis:

Im Wert des Richtungsattributs gibt ltr das sequentielle Lesen von links nach rechts an; rtl gibt an, dass der Wert des Textstroms nicht vererbt werden kann.

Der obige Inhalt ist eine detaillierte Erklärung der CSS-Absatzeigenschaften. Ich hoffe, dass er allen helfen kann.

Verwandte Empfehlungen:

So implementieren Sie Ladder-Tabs mit CSS

Beispielcode für CSS-Rasterlayout

Detaillierte Erläuterung des CSS-Inhaltsattributs

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der CSS-Absatzeigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!